/* STYLES 6.0 Developer: t.me/moretheme Screen resolution: 460, 860, 1440, 1920 */
 :root {
     --bg: #141426;
     --bg2: #1e1e34;
     --text: #fff;
     --text1: #000;
     --text2: #9c9cbb;
     --color1: #d90000;
     --color2: #d90000e3;
     --light: rgb(255 255 255 / 10%);
     --light2: rgb(255 255 255 / 30%);
     --dark: rgb(0 0 0 / 30%);
     --radius: 12px;
}
 body {
    /* background: url(/templates/witv/images/bf027f4b-58f3-4770-94d5-53f13b2d2f1b.webp);
     */
    color: var(--text);
    line-height: normal;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 500;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background: linear-gradient(to bottom, rgb(0 0 0 / 88%), rgb(0 0 0 / 90%)), url(https://img.freepik.com/free-vector/realistic-polygonal-background_52683-60791.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    min-height: 100px;
    margin: 0;
    padding: 0;
    background-color: black;
}
/* HEADER */
 header {
     position: relative;
     background: linear-gradient(0deg,rgba(17,17,19,0),rgb(17 17 24 / 100%));
     width: 100%;
     top: 0;
     /* padding: 10px 0; */
}
 header.fixed {
     position: fixed;
     z-index: 7;
}
 header .container {
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .header-logo, .header-logo img {
     width: 110px;
     object-fit: contain;
     font-size: 28px;
     font-weight: bold;
     text-transform: uppercase;
     /* margin-left: 10px; */
     margin-top: 5px;
}
 .header-link, .header-link img {
     display: inline-block;
     width: 40px;
     height: 40px;
     cursor: pointer;
     margin-right: 15px;
}
 @media (max-width: 860px) {
     .header-link {
         display: none;
    }
}
/* CATALOG */
 .catalog-btn {
    /* background: #dbc8c838; */
    width: 120px;
    line-height: 43px;
    height: 43px;
    border-radius: var(--radius);
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    display: block;
    margin-left: 30px;
    backdrop-filter: blur(25px);
    border: 1px solid var(--light);
    background: #dbc8c814;
}
 @media (max-width: 860px) {
     .catalog-btn {
         /* margin-left: auto; */
         min-width: 40px;
         width: 40px;
         height: 40px;
         line-height: 40px;
         padding: 0;
         text-align: center;
    }
}
 .catalog-btn:hover {
     background: #d90000e6;
}
 .catalog-btn span {
     margin-left: 10px;
}
 @media (max-width: 860px) {
     .catalog-btn span {
         display: none;
    }
}
 .catalog-btn.active i:before {
     content: "\f00d";
}
 .catalog {
     position: absolute;
     /* background: var(--bg2); */
     color: var(--text);
     padding: 20px;
     box-shadow: 0 12px 24px rgb(0 0 0 / 15%);
     border-radius: var(--radius);
     max-width: 360px;
     top: 100%;
     left: 0;
     visibility: hidden;
     opacity: 0;
     transition: 0.3s;
     z-index: 8;
     border: 1px solid var(--bg2);
     border-radius: 0 0 var(--radius) var(--radius);
     background: rgb(255 255 255 / 2%);
     backdrop-filter: blur(25px);
}
 .catalog:before {
     content: "";
     position: absolute;
     top: -5px;
     left: 40%;
     width: 10px;
     height: 10px;
     background: var(--bg2);
     transform: rotate(45deg);
}
 @media (max-width: 860px) {
     .catalog:before {
         left: 60%;
    }
     .catalog {
        right: 0;
         left: auto;
    }
}
 .catalog.active {
     visibility: visible;
     opacity: 1;
     transform: translateY(10px);
     border: 1px solid var(--bg2);
     border-radius: 0 0 var(--radius) var(--radius);
}
 .catalog > a {
     display: inline-block;
     min-width: 150px;
     max-width: 150px;
     padding: 5px;
}
 .catalog > a:hover {
     color: var(--color1);
}
/* MOB MENU 0.3 */
 .mobmenu-btn {
     display: none;
}
 @media (max-width: 860px) {
     .mobmenu-btn {
         display: block;
         background: var(--color1);
         border-radius: var(--radius);
         width: 40px;
         height: 40px;
         line-height: 40px;
         font-size: 20px;
         text-align: center;
         margin-left: 10px;
    }
     .mobmenu-btn.active:before {
         content: "\f00d";
    }
     .mobmenu-btn.active {
         z-index: 9;
    }
     .mobmenu {
         position: fixed;
         display: flex;
         flex-direction: column;
         justify-content: flex-start;
         top: 0;
         right: -300px;
         width: 240px;
         height: 100%;
         margin-left: 0;
         background: var(--bg);
         transition: 0.3s;
         overflow-y: auto;
         z-index: 8;
    }
     .mobmenu.active {
         display: flex;
         align-items: flex-start;
         right: 0;
         padding: 20px;
         border-radius: 0;
    }
     .mobmenu a + div, .mobmenu a {
         display: block;
         width: 100%;
    }
     .mobmenu div > div {
         display: none;
         width: 100%;
         top: 0;
         column-count: 1;
    }
     .mobmenu div > a.active + div {
         position: relative;
         display: block;
         opacity: 1;
         visibility: visible;
    }
}
/* HEADER SEARCH */
 .header-search {
     position: relative;
     display: flex;
     align-items: center;
     backdrop-filter: blur(25px);
     border: 1px solid var(--light);
     border-radius: var(--radius);
     padding-left: 20px;
     margin-left: 30px;
     margin-right: auto;
     transition: 0.3s;
     z-index: 7;
     background: #dbc8c814;
}
 @media (max-width: 860px) {
     .header-search {
         margin-left: 10px;
         margin-right: 10px;
         padding-left: 0;
         width: 40%;
    }
     .header-search.active {
         position: fixed;
         background: var(--bg2);
         padding: 10px;
         border-radius: 0;
         top: 0;
         left: 0;
         width: 100%;
         margin-left: 0;
    }
}
 .header-search_icon {
     display: inline-block;
     color: var(--text);
     width: 40px;
     height: 40px;
     line-height: 40px;
     text-align: center;
     font-size: 16px;
}
 .header-search input {
     background: transparent;
     padding: 0;
     border-radius: 0;
     width: 300px;
     height: inherit;
     line-height: inherit;
     font-weight: 400;
}
 @media (max-width: 860px) {
     .header-search input {
    }
     .header-search_icon {
         order: -1;
         color: var(--light);
    }
}
 .header-search input::placeholder {
     color: var(--light2);
}
 .header-search.active input, .header-search.active .header-search_close {
     display: inline-block;
}
 .header-search_close {
     display: none;
}
 @media (max-width: 860px) {
     .header-search_close {
         display: none;
         position: absolute;
         opacity: 0.6;
         top: 0;
         right: 0;
         width: 60px;
         height: 60px;
         line-height: 60px;
         font-size: 25px;
         text-align: center;
    }
}
/* HEADER USER */
 .header-user > a {
     display: flex;
     align-items: center;
     cursor: pointer;
}
 .header-user > a img {
     width: 40px;
     height: 40px;
}
 .header-user > a span {
     margin-left: 10px;
     font-weight: bold;
}
 .header-user > div {
     position: absolute;
     /* background: var(--bg2); */
     box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
     border-radius: var(--radius);
     width: 220px;
     top: 100%;
     right: 0;
     visibility: hidden;
     opacity: 0;
     transition: 0.3s;
     overflow: hidden;
     z-index: 6;
}
 .header-user.active > div {
     visibility: visible;
     opacity: 1;
     transform: translateY(10px);
     border: 1px solid var(--bg2);
     border-radius: 0 0 var(--radius) var(--radius);
     background: rgb(255 255 255 / 2%);
     backdrop-filter: blur(25px);
}
 .header-user_av {
     align-items: center;
     padding: 15px 20px;
     border-bottom: 1px solid var(--light);
}
 .header-user_av > img {
     width: 34px;
     height: 35px;
     object-fit: cover;
     border-radius: 50%;
}
 .header-user_av > span {
     flex: 1 1 0%;
     max-width: 100%;
     min-width: 50px;
     margin-left: 10px;
     font-weight: bold;
}
 .header-user_av > span span {
     display: block;
     font-size: 12px;
}
 .header-user_menu a {
     display: block;
     padding: 10px 20px;
     font-size: 12px;
}
 .header-user_menu a:hover {
     background: var(--color1);
     color: var(--text);
}
 .header-user_menu a i {
     margin-right: 10px;
     opacity: 0.8;
}
/* MODAL LOGIN 0.2 */
 .modal-login > a {
     display: flex;
     align-items: center;
     color: var(--text2);
     cursor: pointer;
}
 .modal-login > a i, .modal-login > a img {
     margin-right: 10px;
     margin-top: 1px;
     float: left;
}
 .modal-login form {
     display: none;
     position: fixed;
     min-width: 500px;
     top: 50%;
     left: 50%;
     margin-right: -50%;
     transform: translate(-50%, -50%);
     /* background: var(--bg); */
     padding: 40px 80px;
     border-radius: var(--radius);
     text-align: center;
     z-index: 9;
     backdrop-filter: blur(25px);
     border: 1px solid var(--light);
     background: #dbc8c814;
     border: 1px solid var(--bg2);
     border-radius: 0 0 var(--radius) var(--radius);
}
 @media (max-width: 860px) {
     .modal-login form {
         min-width: 100%;
         padding: 30px;
         border-radius: 0;
    }
}
 .modal-login form > i {
     position: absolute;
     top: 20px;
     right: 20px;
     background: var(--light);
     border-radius: var(--radius);
     width: 35px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     cursor: pointer;
}
 .modal-login form > i:hover {
     background: var(--color1);
}
 .modal-login .e-float > a {
     position: absolute;
     top: 15px;
     right: 15px;
     /* border-bottom: 1px dotted #d90000; */
}
 .modal-login_lost {
     display: flex;
     align-items: center;
     justify-content: space-between;
     color: #c5c5c5;
     margin-bottom: 20px;
}
 .modal-login_lost a:hover {
     color: var(--color1);
}
 .modal-login_btn a {
     background: var(--light);
     margin-left: 20px;
}
 .modal-login_btn a:hover {
     background: var(--light2);
}
 .modal-login_soc span {
     display: block;
     color: #767389;
     margin: 20px 0;
}
 .modal-login_soc .e-flex {
     align-items: center;
     justify-content: center;
}
 .modal-login_soc .e-flex > a, .modal-login_soc .e-flex a > img {
     width: 40px;
     height: 40px;
     margin: 0 10px;
}
/* ANN BIG */
 .ann-big {
    /* Centre le background */
    /* Couvre tout l'élément sans déformer le fond */
    /* Centre l'élément */
    overflow: hidden;
    max-width: 1200px;
    background-position: center;
    background-size: cover;
    margin: 0 auto;
    /* Masque pour faire disparaître le div vers le bas */
    mask-image: linear-gradient(to bottom, rgb(0 0 0 / 23%) 20%, rgb(0 0 0) 100%);
    max-height: 400px;
    border: 1px solid var(--bg2);
}
 .ann-big_one {
     height: 400px;
}
 .ann-big_one .swiper-slide:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(1deg, #14142600, transparent 80%), linear-gradient(90deg, #1d0912d9, transparent 100%), linear-gradient(275deg, rgb(2 0 7 / 50%), transparent), linear-gradient(209deg, #020007, transparent 40%);
     z-index: 1;
}
 .ann-big_content {
     position: relative;
     padding: 120px 0;
     z-index: 2;
}
 @media (max-width: 860px) {
     .ann-big_content {
        /* padding: 80px 0 0;
         */
    }
}
 .ann-big_content > .badge {
     margin-bottom: 20px;
}
 .ann-big_content h1, .ann-big_content h2 {
     margin-bottom: 10px;
}
 .ann-big_text {
     max-width: 600px;
     color: var(--text2);
     font-size: 16px;
}
 .ann-big_link {
     align-items: center;
     margin-bottom: 10px;
}
 @media (max-width: 860px) {
     .ann-big_link {
         display: block;
    }
}
 .ann-big_link .e-btn {
     margin-right: 20px;
}
 @media (max-width: 860px) {
     .ann-big_link .e-btn {
         margin-right: 0;
         margin-bottom: 20px;
    }
}
 .ann-big_link > * i {
     margin-right: 8px;
}
 .ann-price {
     font-size: 25px;
     font-weight: bold;
}
 .ann-price > span {
     color: var(--text2);
     font-size: 16px;
     font-weight: 500;
     text-decoration: line-through;
     margin-left: 10px;
}
 .ann-big_one img {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     object-fit: cover;
}
 .ann-big_two {
     position: absolute;
     bottom: 0;
     right: 40px;
     width: 600px;
     padding: 60px 10px;
     overflow: hidden;
}
 @media (max-width: 1200px) {
     .ann-big_two {
         display: none;
    }
}
 .ann-big_two > i {
     position: absolute;
     background: var(--light);
     backdrop-filter: blur(10px);
     border: 1px solid var(--light2);
     border-radius: var(--radius);
     top: 0;
     left: 0;
     width: 35px;
     height: 35px;
     line-height: 35px;
     text-align: center;
     z-index: 2;
     cursor: pointer;
}
 .ann-big_two > i:hover {
     background: var(--color1);
}
 .ann-big_two .fa-chevron-right {
     left: 45px;
}
 .ann-big_item {
     position: relative;
     width: 100%;
     filter: contrast(0.3);
     overflow: hidden;
}
 .swiper-slide-thumb-active .ann-big_item {
     transform: scale(1.04);
     filter: contrast(1);
}
 .ann-big_item:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
}
 .ann-big_item > img {
     position: relative;
     border: 1px solid var(--light);
     width: 100%;
     height: 200px;
     object-fit: cover;
     border-radius: var(--radius);
}
 .ann-big_title {
     display: block;
     font-size: 14px;
     margin-top: 10px;
}
/* ANN PRIO */
 .ann-prio li {
     background: var(--bg2);
     padding: 30px;
     border-radius: var(--radius);
}
 @media (max-width: 860px) {
     .ann-prio li {
         min-width: 260px;
    }
}
 .ann-prio li span {
     display: block;
     color: var(--text2);
     margin-bottom: 15px;
}
 .ann-prio li span b {
     color: var(--color1);
     margin-right: 10px;
}
/* ANN SECT TABS */
 .ann-sect_title {
     display: flex;
     align-items: center;
     margin: 0px 0px 0px 15px;
}
 .ann-sect_title h1 {
     margin-bottom: 0;
}
 .ann-sect_title i {
     display: inline-block;
     border-radius: var(--radius);
     width: 100px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     font-size: 10px;
     margin-left: 15px;
     gap: 20px;
     backdrop-filter: blur(25px);
     border: 1px solid var(--light);
     background: #dbc8c814;
}
 .ann-sect_links {
     display: flex;
     align-items: center;
     margin-bottom: 30px;
}
 .ann-sect_links span {
     min-width: 160px;
     background: #221d47;
     color: var(--text2);
     padding: 10px 20px;
     border-radius: var(--radius);
     font-weight: 600;
     text-align: center;
     margin-right: 10px;
     cursor: pointer;
}
 .ann-sect_links span.active {
     background: var(--color1);
     color: #fff;
}
 @media (max-width: 860px) {
     .ann-sect .tabs-content.e-grid5 {
         grid-template-columns: 1fr 1fr;
    }
}
 .ann-short_item {
     position: relative;
     display: flex;
     flex-direction: column;
     width: 205px;
     height: 140px;
     padding: 10px;
     border-radius: var(--radius);
     overflow: hidden;
     justify-content: flex-end;
     align-items: center;
}
 @media (max-width: 860px) {
     .ann-short_item {
        /* height: 230px;
         */
    }
}
 .ann-short_item:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(180deg, #ffffff1f 0%, #ffffff0f 80%);
     z-index: -1;
    /* background: linear-gradient(149deg, #ededed30 0%, #210e1700 99.08%);
     */
    /* background: linear-gradient(149deg, #1922475e 0%, #210e17 99.08%);
     */
}
 .ann-short_item .badge {
     position: absolute;
     top: 5px;
     left: 5px;
     font-size: 10px;
     margin-bottom: 10px;
}
 .ann-short_item > a:before {
     content: "";
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     top: 0;
}
 .ann-short_price > span {
     color: var(--text2);
     font-size: 14px;
     font-weight: 500;
     text-decoration: line-through;
     margin-left: 10px;
}
 .ann-short_item > img {
     position: absolute;
     top: 20px;
     left: 0;
     width: 100%;
     height: 60px;
     object-fit: cover;
     transition: 0.3s;
     z-index: -1;
     /* margin-top: 10px;
     */
     opacity: 0.8;
     /* max-height: 100px; */
     /* width: 260px; */
}
 .ann-short_item:hover img {
     transform: scale(1.1);
}
/* ANN HIT */
 .ann-hit_items {
     column-count: 2;
     column-gap: 10px;
}
 .ann-hit_items .ann-hit_item:nth-child(3) {
     height: 200px;
}
 .ann-hit_items .ann-hit_item:nth-child(2) {
     height: 200px;
}
 .ann-hit_item {
     position: relative;
     display: inline-block;
     max-width: 260px;
     height: 120px;
     /* border-radius: var(--radius);
     */
     border: 1px solid var(--light);
     margin: 5px 0;
     overflow: hidden;
}
 .ann-hit_item:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     max-height: 120px;
     background: linear-gradient(180deg, rgba(70, 11, 110, 0) 0%, var(--bg2) 80%);
     z-index: 1;
}
 .ann-hit_item .badge {
     position: absolute;
     top: 15px;
     left: 15px;
     font-size: 10px;
     margin-bottom: 10px;
     z-index: 2;
}
 .ann-hit_content {
     position: absolute;
     bottom: 0;
    /* padding: 10px;
     */
     z-index: 2;
     margin-left: 10px;
}
 .ann-hit_content h3 {
     margin-bottom: 10px;
}
 .ann-hit_price {
     color: var(--text2);
     font-size: 18px;
     font-weight: 600;
}
 .ann-hit_item > img {
     width: 180px;
     max-height: 80px;
     object-fit: cover;
     transition: 0.3s;
}
 .ann-hit_item:hover.ann-hit_item > img {
     transform: scale(1.05) 
}
/* ANN BLOG */
 @media (max-width: 860px) {
     .ann-blog .e-grid3 {
        /* grid-template-columns: 4fr;
         */
        /* grid-template-columns: repeat(2, 1fr);
         */
        /* flex-direction: column;
         */
        /* justify-content: center; */
        align-items: center;
        /* width: 100%; */
    }
}
 .ann-blog_item {
}
 .ann-blog_bg {
     position: relative;
     height: 200px;
     border-radius: var(--radius);
     margin-bottom: 15px;
     overflow: hidden;
}
 .ann-blog_meta {
     display: flex;
     align-items: center;
     color: var(--text2);
     font-size: 12px;
     margin-bottom: 10px;
}
 .ann-blog_meta span + span {
     margin-left: 20px;
}
 .ann-blog_meta i {
     margin-right: 8px;
}
 .ann-blog_title {
     font-size: 16px;
     line-height: 1.5;
}
 .ann-blog_item:hover .ann-blog_title {
     color: var(--color1);
}
/* ANN FULL */
 .ann-full_bg {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
    /* height: 500px;
     */
     opacity: 0.1;
}
 .ann-full_bg:before {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: linear-gradient(360deg, var(--bg), transparent);
}
 .ann-full {
     display: flex;
     align-items: flex-start;
    /* margin-top: 0px;
     */
     overflow: hidden;
}
 @media (max-width: 860px) {
     .ann-full {
         flex-direction: column;
    }
}
 .ann-full_left {
     display: block;
     width: 300px;
     margin-right: 20px;
}
 @media (max-width: 860px) {
     .ann-full_left {
        /* order: 2;
         */
         width: 100%;
        /* margin-right: 0;
         */
        /* margin-top: 30px;
         */
         display: block;
        /* width: 350px;
         */
         margin-right: 60px;
    }
}
 .ann-full_poster {
     display: flex;
     /* width: 300px; */
     /* height: 100px; */
     border-radius: var(--radius);
     border: 1px solid var(--light);
     box-shadow: 0 4px 4px var(--dark);
     margin-bottom: 10px;
     overflow: hidden;
     /* background: linear-gradient(180deg, #54287642 0%, #d900003b 80%);
     */
     /* background: linear-gradient(149deg, #192247bd 0%, #210e1775 99.08%);
     */
     /* padding: 10px;
     */
     text-align: center;
     background: linear-gradient(180deg, #ffffff1f 0%, #ffffff0f 80%);
}
 @media (max-width: 860px) {
     .ann-full_poster, .ann-full_fav, .ann-full_janr, .ann-full_share > span {
        /* display: none!important;
         */
    }
}
 .ann-full_fav {
     display: flex;
     align-items: center;
     justify-content: space-between;
     background: var(--bg2);
     padding: 5px 10px;
     border-radius: var(--radius) var(--radius) 0 0;
     color: var(--color1);
     font-weight: 600;
}
 .ann-full_fav > a {
     position: relative;
     padding: 8px 15px;
     cursor: pointer;
}
 .ann-full_fav [id] {
     background: var(--color1);
     color: #fff;
     border-radius: var(--radius);
}
 .ann-full_fav [id]:hover {
     background: var(--color2);
}
 .ann-full_fav i:not(.ann-full_fav [id] i) {
     margin-right: 8px;
}
 .ann-full_share > div {
     position: absolute;
     background: #1e1e34;
     border: 1px solid var(--light);
     box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
     border-radius: var(--radius);
     width: max-content;
     padding: 10px;
     top: -70px;
     right: -10px;
     visibility: hidden;
     opacity: 0;
     transition: 0.3s;
}
 .ann-full_share > div:before {
     content: "";
     position: absolute;
     bottom: -5px;
     left: 60%;
     width: 10px;
     height: 10px;
     background: var(--bg2);
     transform: rotate(45deg);
}
 .ann-full_share.active > div {
     visibility: visible;
     opacity: 1;
     transform: translateY(10px);
}
 .ann-full_janr {
     border: 1px solid var(--bg2);
     border-radius: 0 0 var(--radius) var(--radius);
     padding: 10px 20px;
     margin-bottom: 30px;
     background: rgb(255 255 255 / 2%);
     backdrop-filter: blur(25px);
}
 .ann-full_janr li span {
     display: inline-block;
     color: var(--text2);
     margin-right: 20px;
     min-width: 90px;
}
 .ann-full_janr li {
     display: flex;
     align-items: center;
     font-size: 14px;
     margin: 5px 0;
}
 .ann-full_rel .ann-short_item {
    /* height: 20px;
     */
}
 .ann-full_mini, .ann-full_mini p {
     color: var(--text2);
     font-size: 14px;
}
 .expand-text {
     display: -webkit-box;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
}
 .expand-btn {
     display: inline-block;
     background: var(--bg2);
     color: #a5a1b2;
     padding: 8px 20px;
     border-radius: var(--radius);
     font-size: 14px;
     margin-bottom: 40px;
}
 .ann-full_link {
     align-items: center;
     margin-top: 30px;
}
 .ann-full_buy {
     margin-right: 20px;
}
 .ann-full_buy > span {
     display: block;
     color: #50a14f;
     margin-top: 10px;
}
 .ann-full_buy * > i {
     margin-right: 8px;
}
 .ann-full_key {
     flex: 100%;
     margin-right: 30px;
     margin-bottom: 20px;
}
 .ann-full_key > span {
     display: block;
     background: var(--light);
     padding: 8px 20px;
     border-radius: var(--radius);
     margin-top: 8px;
}
 .ann-full_tip {
     margin: 40px 0;
}
 .ann-full_tip span {
     display: block;
     color: var(--text2);
     font-weight: bold;
     margin-bottom: 15px;
}
 .ann-full_text, .ann-full_text p {
     font-size: 14px;
     color: #cac8d1;
}
 .ann-full_text p + p, .ann-full_text p + h2 {
     margin: 20px 0;
}
 .ann-full_text a {
     color: var(--color1);
}
 .ann-full_text ol li {
     position: relative;
     color: #a5a1b2;
     padding-left: 20px;
     margin: 15px;
     line-height: 1.5;
}
 .ann-full_text ol li:before {
     content: "";
     position: absolute;
     top: 12px;
     left: 0;
     width: 4px;
     height: 4px;
     background: #808191;
     border-radius: 50%;
     margin-right: 20px;
}
 .ann-full_text ol li strong, .ann-full_text ol li b {
     color: var(--color3);
}
 .ann-full_screens {
     position: relative;
     border-radius: var(--radius);
     margin-bottom: 40px;
     overflow: hidden;
}
 .ann-full_screens > .fal {
     position: absolute;
     left: 20px;
     top: 45%;
     font-size: 30px;
     z-index: 5;
     cursor: pointer;
}
 .ann-full_screens > .fa-chevron-right {
     left: unset;
     right: 20px;
}
 .ann-full_screens > .swiper-button-disabled {
     display: none;
}
 .ann-full_screens .swiper-slide {
     aspect-ratio: 16/9;
}
 .ann-detal {border: 1px solid var(--bg2);border-radius: 0 0 var(--radius) var(--radius);/* padding: 10px 0px; */}
 .ann-detal .tabs-links span {
     display: inline-block;
     padding: 10px 20px;
     font-size: 16px;
     font-weight: bold;
     text-transform: uppercase;
     cursor: pointer;
}
 .ann-detal .tabs-links span + span {
     margin-left: 20px;
}
 .ann-detal .tabs-links span.active {
     background: #ffffff;
     /* border-radius: var(--radius) var(--radius) 0 0; */
     color: #ffffff;
     /* background: linear-gradient(149deg, #ac0000bd 0%, #66003075 99.08%);
     */
     background: linear-gradient(45deg, rgb(25 34 71 / 41%) 0%, rgb(33 14 23) 99.08%);
     width: 100%;
     
     
     
     
     
    /* STYLES 6.0 Developer: t.me/moretheme Screen resolution: 460, 860, 1440, 1920 */
     : root {
         --bg: #141426;
         --bg2: #1e1e34;
         --text: #fff;
         --text1: #000;
         --text2: #9c9cbb;
         --color1: #d90000;
         --color2: #a52373;
         --light: rgb(255 255 255 / 10%);
         --light2: rgb(255 255 255 / 30%);
         --dark: rgb(0 0 0 / 30%);
         --radius: 12px;
    }
     body {
        /* background: url(/templates/witv/images/bf027f4b-58f3-4770-94d5-53f13b2d2f1b.webp);
         */
         color: var(--text);
         line-height: normal;
         font-family: "Montserrat", sans-serif;
         font-size: 14px;
         font-weight: 500;
         background: linear-gradient(rgb(0 0 0), rgb(0 0 0 / 84%)), url(/templates/witv/images/bf027f4b-58f3-4770-94d5-53f13b2d2f1b.webp);
         background-size: cover;
         background-repeat: no-repeat;
         background-position: center;
    }
    /* HEADER */
     header {
         position: relative;
         background: linear-gradient(0deg,rgba(17,17,19,0),rgb(17 17 24 / 100%));
         width: 100%;
         top: 0;
         padding: 10px 0;
    }
     header.fixed {
         position: fixed;
         z-index: 7;
    }
     header .container {
         display: flex;
         align-items: center;
         justify-content: space-between;
    }
     .header-logo, .header-logo img {
         width: 90px;
         height: 70px;
         object-fit: contain;
         font-size: 28px;
         font-weight: bold;
         text-transform: uppercase;
         margin-right: 60px;
    }
     .header-link, .header-link img {
         display: inline-block;
         width: 40px;
         height: 40px;
         cursor: pointer;
         margin-right: 15px;
    }
     @media (max-width: 860px) {
         .header-link {
             display: none;
        }
    }
    /* CATALOG */
     .catalog-btn {
         background: #d90000;
         width: 140px;
         line-height: 43px;
         height: 43px;
         border-radius: var(--radius);
         font-weight: bold;
         text-align: center;
         cursor: pointer;
    }
     @media (max-width: 860px) {
         .catalog-btn {
             margin-left: auto;
             min-width: 40px;
             width: 40px;
             height: 40px;
             line-height: 40px;
             padding: 0;
             text-align: center;
        }
    }
     .catalog-btn: hover {
         background: #d90000e6;
    }
     .catalog-btn span {
         margin-left: 10px;
    }
     @media (max-width: 860px) {
         .catalog-btn span {
             display: none;
        }
    }
     .catalog-btn.active i:before {
         content: "\f00d";
    }
     .catalog {
         position: absolute;
         background: var(--bg2);
         color: var(--text);
         padding: 20px;
         box-shadow: 0 12px 24px rgb(0 0 0 / 15%);
         border-radius: var(--radius);
         max-width: 360px;
         top: 100%;
         left: 0;
         visibility: hidden;
         opacity: 0;
         transition: 0.3s;
         z-index: 8;
    }
     .catalog: before {
         content: "";
         position: absolute;
         top: -5px;
         left: 40%;
         width: 10px;
         height: 10px;
         background: var(--bg2);
         transform: rotate(45deg);
    }
     @media (max-width: 860px) {
         .catalog:before {
             left: 60%;
        }
         .catalog {
             right: 0;
             left: auto;
        }
    }
     .catalog.active {
         visibility: visible;
         opacity: 1;
         transform: translateY(10px);
    }
     .catalog > a {
         display: inline-block;
         min-width: 150px;
         max-width: 150px;
         padding: 5px;
    }
     .catalog > a:hover {
         color: var(--color1);
    }
    /* MOB MENU 0.3 */
     .mobmenu-btn {
         display: none;
    }
     @media (max-width: 860px) {
         .mobmenu-btn {
             display: block;
             background: var(--color1);
             border-radius: var(--radius);
             width: 40px;
             height: 40px;
             line-height: 40px;
             font-size: 20px;
             text-align: center;
             margin-left: 10px;
        }
         .mobmenu-btn.active: before {
             content: "\f00d";
        }
         .mobmenu-btn.active {
             z-index: 9;
        }
         .mobmenu {
             position: fixed;
             display: flex;
             flex-direction: column;
             justify-content: flex-start;
             top: 0;
             right: -300px;
             width: 240px;
             height: 100%;
             margin-left: 0;
             background: var(--bg);
             transition: 0.3s;
             overflow-y: auto;
             z-index: 8;
        }
         .mobmenu.active {
             display: flex;
             align-items: flex-start;
             right: 0;
             padding: 20px;
             border-radius: 0;
        }
         .mobmenu a + div, .mobmenu a {
             display: block;
             width: 100%;
        }
         .mobmenu div > div {
             display: none;
             width: 100%;
             top: 0;
             column-count: 1;
        }
         .mobmenu div > a.active + div {
             position: relative;
             display: block;
             opacity: 1;
             visibility: visible;
        }
    }
    /* HEADER SEARCH */
     .header-search {
         position: relative;
         display: flex;
         align-items: center;
         background: var(--light);
         backdrop-filter: blur(25px);
         border: 1px solid var(--light);
         border-radius: var(--radius);
         padding-left: 20px;
         margin-left: 30px;
         margin-right: auto;
         transition: 0.3s;
         z-index: 7;
    }
     @media (max-width: 860px) {
         .header-search {
             margin-left: 15px;
             margin-right: 15px;
             padding-left: 0;
        }
         .header-search.active {
             position: fixed;
             background: var(--bg2);
             padding: 10px;
             border-radius: 0;
             top: 0;
             left: 0;
             width: 100%;
             margin-left: 0;
        }
    }
     .header-search_icon {
         display: inline-block;
         color: var(--text);
         width: 40px;
         height: 40px;
         line-height: 40px;
         text-align: center;
         font-size: 16px;
    }
     .header-search input {
         background: transparent;
         padding: 0;
         border-radius: 0;
         width: 300px;
         height: inherit;
         line-height: inherit;
         font-weight: 400;
    }
     @media (max-width: 860px) {
         .header-search input {
             display: none;
        }
         .header-search_icon {
             order: -1;
             color: var(--light);
        }
    }
     .header-search input::placeholder {
         color: var(--light2);
    }
     .header-search.active input, .header-search.active .header-search_close {
         display: inline-block;
    }
     .header-search_close {
         display: none;
    }
     @media (max-width: 860px) {
         .header-search_close {
             display: none;
             position: absolute;
             opacity: 0.6;
             top: 0;
             right: 0;
             width: 60px;
             height: 60px;
             line-height: 60px;
             font-size: 25px;
             text-align: center;
        }
    }
    /* HEADER USER */
     .header-user > a {
         display: flex;
         align-items: center;
         cursor: pointer;
    }
     .header-user > a img {
         width: 40px;
         height: 40px;
    }
     .header-user > a span {
         margin-left: 10px;
         font-weight: bold;
    }
     .header-user > div {
         position: absolute;
         background: var(--bg2);
         box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
         border-radius: var(--radius);
         width: 220px;
         top: 100%;
         right: 0;
         visibility: hidden;
         opacity: 0;
         transition: 0.3s;
         overflow: hidden;
         z-index: 6;
    }
     .header-user.active > div {
         visibility: visible;
         opacity: 1;
         transform: translateY(10px);
    }
     .header-user_av {
         align-items: center;
         padding: 15px 20px;
         border-bottom: 1px solid var(--light);
    }
     .header-user_av > img {
         width: 34px;
         height: 35px;
         object-fit: cover;
         border-radius: 50%;
    }
     .header-user_av > span {
         flex: 1 1 0%;
         max-width: 100%;
         min-width: 50px;
         margin-left: 10px;
         font-weight: bold;
    }
     .header-user_av > span span {
         display: block;
         font-size: 12px;
    }
     .header-user_menu a {
         display: block;
         padding: 10px 20px;
         font-size: 12px;
    }
     .header-user_menu a:hover {
         background: var(--color1);
         color: var(--text);
    }
     .header-user_menu a i {
         margin-right: 10px;
         opacity: 0.8;
    }
    /* MODAL LOGIN 0.2 */
     .modal-login > a {
         display: flex;
         align-items: center;
         color: var(--text2);
         cursor: pointer;
    }
     .modal-login > a i, .modal-login > a img {
         margin-right: 10px;
         margin-top: 1px;
         float: left;
    }
     .modal-login form {
         display: none;
         position: fixed;
         min-width: 500px;
         top: 50%;
         left: 50%;
         margin-right: -50%;
         transform: translate(-50%, -50%);
         background: var(--bg);
         padding: 40px 80px;
         border-radius: var(--radius);
         text-align: center;
         z-index: 9;
    }
     @media (max-width: 860px) {
         .modal-login form {
             min-width: 100%;
             padding: 30px;
             border-radius: 0;
        }
    }
     .modal-login form > i {
         position: absolute;
         top: 20px;
         right: 20px;
         background: var(--light);
         border-radius: var(--radius);
         width: 35px;
         height: 35px;
         line-height: 35px;
         text-align: center;
         cursor: pointer;
    }
     .modal-login form > i:hover {
         background: var(--color1);
    }
     .modal-login .e-float > a {
         position: absolute;
         top: 15px;
         right: 15px;
         border-bottom: 1px dotted #20a8d8;
    }
     .modal-login_lost {
         display: flex;
         align-items: center;
         justify-content: space-between;
         color: #c5c5c5;
         margin-bottom: 20px;
    }
     .modal-login_lost a:hover {
         color: var(--color1);
    }
     .modal-login_btn a {
         background: var(--light);
         margin-left: 20px;
    }
     .modal-login_btn a:hover {
         background: var(--light2);
    }
     .modal-login_soc span {
         display: block;
         color: #767389;
         margin: 20px 0;
    }
     .modal-login_soc .e-flex {
         align-items: center;
         justify-content: center;
    }
     .modal-login_soc .e-flex > a, .modal-login_soc .e-flex a > img {
         width: 40px;
         height: 40px;
         margin: 0 10px;
    }
    /* ANN BIG */
     .ann-big {
         position: relative;
         overflow: hidden;
    }
     .ann-big_one {
         height: 500px;
    }
     .ann-big_one .swiper-slide: before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: linear-gradient(360deg, var(--bg), transparent 80%), linear-gradient(90deg, var(--bg), transparent 100%), linear-gradient(0deg, rgb(14 17 26 / 100%), transparent), linear-gradient(270deg, var(--bg), transparent 40%);
         z-index: 1;
    }
     .ann-big_content {
         position: relative;
         padding: 180px 0;
         z-index: 2;
    }
     @media (max-width: 860px) {
         .ann-big_content {
             padding: 150px 0 0;
        }
    }
     .ann-big_content > .badge {
         margin-bottom: 30px;
    }
     .ann-big_content h1, .ann-big_content h2 {
         margin-bottom: 10px;
    }
     .ann-big_text {
         max-width: 600px;
         color: var(--text2);
         font-size: 16px;
    }
     .ann-big_link {
         align-items: center;
         margin-top: 30px;
    }
     @media (max-width: 860px) {
         .ann-big_link {
             display: block;
        }
    }
     .ann-big_link .e-btn {
         margin-right: 20px;
    }
     @media (max-width: 860px) {
         .ann-big_link .e-btn {
             margin-right: 0;
             margin-bottom: 20px;
        }
    }
     .ann-big_link > * i {
         margin-right: 8px;
    }
     .ann-price {
         font-size: 25px;
         font-weight: bold;
    }
     .ann-price > span {
         color: var(--text2);
         font-size: 16px;
         font-weight: 500;
         text-decoration: line-through;
         margin-left: 10px;
    }
     .ann-big_one img {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         object-fit: cover;
    }
     .ann-big_two {
         position: absolute;
         bottom: 0;
         right: 40px;
         width: 600px;
         padding: 60px 10px;
         overflow: hidden;
    }
     @media (max-width: 1200px) {
         .ann-big_two {
             display: none;
        }
    }
     .ann-big_two > i {
         position: absolute;
         background: var(--light);
         backdrop-filter: blur(10px);
         border: 1px solid var(--light2);
         border-radius: var(--radius);
         top: 0;
         left: 0;
         width: 35px;
         height: 35px;
         line-height: 35px;
         text-align: center;
         z-index: 2;
         cursor: pointer;
    }
     .ann-big_two > i:hover {
         background: var(--color1);
    }
     .ann-big_two .fa-chevron-right {
         left: 45px;
    }
     .ann-big_item {
         position: relative;
         width: 100%;
         filter: contrast(0.3);
         overflow: hidden;
    }
     .swiper-slide-thumb-active .ann-big_item {
         transform: scale(1.04);
         filter: contrast(1);
    }
     .ann-big_item: before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         z-index: 1;
    }
     .ann-big_item > img {
         position: relative;
         border: 1px solid var(--light);
         width: 100%;
         height: 200px;
         object-fit: cover;
         border-radius: var(--radius);
    }
     .ann-big_title {
         display: block;
         font-size: 14px;
         margin-top: 10px;
    }
    /* ANN PRIO */
     .ann-prio li {
         background: var(--bg2);
         padding: 30px;
         border-radius: var(--radius);
    }
     @media (max-width: 860px) {
         .ann-prio li {
             min-width: 260px;
        }
    }
     .ann-prio li span {
         display: block;
         color: var(--text2);
         margin-bottom: 15px;
    }
     .ann-prio li span b {
         color: var(--color1);
         margin-right: 10px;
    }
    /* ANN SECT TABS */
     .ann-sect_title {
         display: flex;
         align-items: center;
         margin-bottom: 30px;
    }
     .ann-sect_title h1 {
         margin-bottom: 0;
    }
     .ann-sect_title i {
         display: inline-block;
         background: var(--bg2);
         border-radius: var(--radius);
         width: 30px;
         height: 30px;
         line-height: 30px;
         text-align: center;
         font-size: 12px;
         margin-left: 20px;
    }
     .ann-sect_links {
         display: flex;
         align-items: center;
         margin-bottom: 30px;
    }
     .ann-sect_links span {
         min-width: 160px;
         background: #221d47;
         color: var(--text2);
         padding: 10px 20px;
         border-radius: var(--radius);
         font-weight: 600;
         text-align: center;
         margin-right: 10px;
         cursor: pointer;
    }
     .ann-sect_links span.active {
         background: var(--color1);
         color: #fff;
    }
     @media (max-width: 860px) {
         .ann-sect .tabs-content.e-grid5 {
             grid-template-columns: 1fr 1fr;
        }
    }
     .ann-short_item {
         position: relative;
         display: flex;
         flex-direction: column;
         justify-content: flex-end;
         width: 280px;
         height: 200px;
         padding: 20px;
         border-radius: var(--radius);
         overflow: hidden;
    }
     @media (max-width: 860px) {
         .ann-short_item {
             height: 230px;
        }
    }
     .ann-short_item: before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
        /* background: linear-gradient(180deg, #54287642 0%, #d900003b 80%);
         */
         z-index: -1;
         background: linear-gradient(149deg, #192247bd 0%, #210e1775 99.08%);
    }
     .ann-short_item .badge {
         position: absolute;
         top: 15px;
         left: 15px;
         font-size: 10px;
         margin-bottom: 10px;
    }
     .ann-short_item > a:before {
         content: "";
         position: absolute;
         bottom: 0;
         left: 0;
         right: 0;
         top: 0;
    }
     .ann-short_price > span {
         color: var(--text2);
         font-size: 14px;
         font-weight: 500;
         text-decoration: line-through;
         margin-left: 10px;
    }
     .ann-short_item > img {
         position: absolute;
         top: 20px;
         left: 0;
         width: 100%;
        /* height: 100%;
         */
         object-fit: cover;
         transition: 0.3s;
         z-index: -1;
        /* margin-top: 10px;
         */
         opacity: 0.8;
         max-height: 100px;
        /* width: 260px;
         */
    }
     .ann-short_item: hover img {
         transform: scale(1.1);
    }
    /* ANN HIT */
     .ann-hit_items {
         column-count: 2;
         column-gap: 10px;
    }
     .ann-hit_items .ann-hit_item:nth-child(3) {
         height: 200px;
    }
     .ann-hit_items .ann-hit_item:nth-child(2) {
         height: 200px;
    }
     .ann-hit_item {
         position: relative;
         display: inline-block;
         width: 100%;
         height: 300px;
         border-radius: var(--radius);
         border: 1px solid var(--light);
         margin: 5px 0;
         overflow: hidden;
    }
     .ann-hit_item: before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: linear-gradient(180deg, rgba(70, 11, 110, 0) 0%, var(--bg2) 80%);
         z-index: 1;
    }
     .ann-hit_item .badge {
         position: absolute;
         top: 15px;
         left: 15px;
         font-size: 10px;
         margin-bottom: 10px;
         z-index: 2;
    }
     .ann-hit_content {
         position: absolute;
         bottom: 0;
         padding: 20px;
         z-index: 2;
    }
     .ann-hit_content h3 {
         margin-bottom: 10px
    }
     .ann-hit_price {
         color: var(--text2);
         font-size: 18px;
         font-weight: 600;
    }
     .ann-hit_item > img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         transition: 0.3s;
    }
     .ann-hit_item: hover.ann-hit_item > img {
         transform: scale(1.05)
    }
    /* ANN BLOG */
     @media (max-width: 560px) {
         .ann-blog .e-grid3 {
            /* grid-template-columns: 4fr;
             */
            /* grid-template-columns: repeat(2, 1fr);
             */
             flex-direction: column;
        }
    }
     .ann-blog_item {
    }
     .ann-blog_bg {
         position: relative;
         height: 200px;
         border-radius: var(--radius);
         margin-bottom: 15px;
         overflow: hidden;
    }
     .ann-blog_meta {
         display: flex;
         align-items: center;
         color: var(--text2);
         font-size: 12px;
         margin-bottom: 10px;
    }
     .ann-blog_meta span + span {
         margin-left: 20px;
    }
     .ann-blog_meta i {
         margin-right: 8px;
    }
     .ann-blog_title {
         font-size: 16px;
         line-height: 1.5;
    }
     .ann-blog_item: hover .ann-blog_title {
         color: var(--color1);
    }
    /* ANN FULL */
     .ann-full_bg {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
        /* height: 500px;
         */
         opacity: 0.1;
    }
     .ann-full_bg: before {
         content: "";
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         background: linear-gradient(360deg, var(--bg), transparent);
    }
     .ann-full {
         display: flex;
         align-items: flex-start;
         margin-top: 100px;
         overflow: hidden;
    }
     @media (max-width: 860px) {
         .ann-full {
             flex-direction: column;
        }
    }
     .ann-full_left {
         display: block;
         width: 300px;
         margin-right: 20px;
    }
     @media (max-width: 860px) {
         .ann-full_left {
            /* order: 2;
             */
             width: 100%;
            /* margin-right: 0;
             */
            /* margin-top: 30px;
             */
             display: block;
            /* width: 350px;
             */
             margin-right: 60px;
        }
    }
     .ann-full_poster {
         display: inline-block;
         width: 300px;
         height: 100%;
         border-radius: var(--radius);
         border: 1px solid var(--light);
         box-shadow: 0 4px 4px var(--dark);
         margin-bottom: 20px;
         overflow: hidden;
        /* background: linear-gradient(180deg, #54287642 0%, #d900003b 80%);
         */
         background: linear-gradient(149deg, #192247bd 0%, #210e1775 99.08%);
         padding: 10px;
         text-align: center;
    }
     @media (max-width: 860px) {
         .ann-full_poster, .ann-full_fav, .ann-full_janr, .ann-full_share > span {
            /* display: none!important;
             */
        }
    }
     .ann-full_fav {
         display: flex;
         align-items: center;
         justify-content: space-between;
         background: var(--bg2);
         padding: 5px 10px;
         border-radius: var(--radius) var(--radius) 0 0;
         color: var(--color1);
         font-weight: 600;
    }
     .ann-full_fav > a {
         position: relative;
         padding: 8px 15px;
         cursor: pointer;
    }
     .ann-full_fav [ id] {
         background: var(--color1);
         color: #fff;
         border-radius: var(--radius);
    }
     .ann-full_fav [ id]:hover {
         background: var(--color2);
    }
     .ann-full_fav i:not(.ann-full_fav [id] i) {
         margin-right: 8px;
    }
     .ann-full_share > div {
         position: absolute;
         background: #1e1e34;
         border: 1px solid var(--light);
         box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
         border-radius: var(--radius);
         width: max-content;
         padding: 10px;
         top: -70px;
         right: -10px;
         visibility: hidden;
         opacity: 0;
         transition: 0.3s;
    }
     .ann-full_share > div:before {
         content: "";
         position: absolute;
         bottom: -5px;
         left: 60%;
         width: 10px;
         height: 10px;
         background: var(--bg2);
         transform: rotate(45deg);
    }
     .ann-full_share.active > div {
         visibility: visible;
         opacity: 1;
         transform: translateY(10px);
    }
     .ann-full_janr {
         border: 1px solid var(--bg2);
         border-radius: 0 0 var(--radius) var(--radius);
         padding: 10px 20px;
         margin-bottom: 30px;
    }
     .ann-full_janr li span {
         display: inline-block;
         color: var(--text2);
         margin-right: 20px;
         min-width: 90px;
    }
     .ann-full_janr li {
         display: flex;
         align-items: center;
         font-size: 14px;
         margin: 5px 0;
    }
     .ann-full_rel .ann-short_item {
        /* height: 20px;
         */
    }
     .ann-full_mini, .ann-full_mini p {
         color: var(--text2);
         font-size: 14px;
    }
     .expand-text {
         display: -webkit-box;
         -webkit-box-orient: vertical;
         text-overflow: ellipsis;
    }
     .expand-btn {
         display: inline-block;
         background: var(--bg2);
         color: #a5a1b2;
         padding: 8px 20px;
         border-radius: var(--radius);
         font-size: 14px;
         margin-bottom: 40px;
    }
     .ann-full_link {
         align-items: center;
         margin-top: 30px;
    }
     .ann-full_buy {
         margin-right: 20px;
    }
     .ann-full_buy > span {
         display: block;
         color: #50a14f;
         margin-top: 10px;
    }
     .ann-full_buy * > i {
         margin-right: 8px;
    }
     .ann-full_key {
         flex: 100%;
         margin-right: 30px;
         margin-bottom: 20px;
    }
     .ann-full_key > span {
         display: block;
         background: var(--light);
         padding: 8px 20px;
         border-radius: var(--radius);
         margin-top: 8px;
    }
     .ann-full_tip {
         margin: 40px 0;
    }
     .ann-full_tip span {
         display: block;
         color: var(--text2);
         font-weight: bold;
         margin-bottom: 15px;
    }
     .ann-full_text, .ann-full_text p {
         font-size: 14px;
         color: #cac8d1;
    }
     .ann-full_text p + p, .ann-full_text p + h2 {
         margin: 20px 0;
    }
     .ann-full_text a {
         color: var(--color1);
    }
     .ann-full_text ol li {
         position: relative;
         color: #a5a1b2;
         padding-left: 20px;
         margin: 15px;
         line-height: 1.5;
    }
     .ann-full_text ol li:before {
         content: "";
         position: absolute;
         top: 12px;
         left: 0;
         width: 4px;
         height: 4px;
         background: #808191;
         border-radius: 50%;
         margin-right: 20px;
    }
     .ann-full_text ol li strong, .ann-full_text ol li b {
         color: var(--color3);
    }
     .ann-full_screens {
         position: relative;
         border-radius: var(--radius);
         margin-bottom: 40px;
         overflow: hidden;
    }
     .ann-full_screens > .fal {
         position: absolute;
         left: 20px;
         top: 45%;
         font-size: 30px;
         z-index: 5;
         cursor: pointer;
    }
     .ann-full_screens > .fa-chevron-right {
         left: unset;
         right: 20px;
    }
     .ann-full_screens > .swiper-button-disabled {
         display: none;
    }
     .ann-full_screens .swiper-slide {
         aspect-ratio: 16/9;
    }
     .ann-detal {
    }
     .ann-detal .tabs-links span {
         display: inline-block;
         padding: 10px 20px;
         font-size: 16px;
         font-weight: bold;
         text-transform: uppercase;
         cursor: pointer;
    }
     .ann-detal .tabs-links span + span {
         margin-left: 20px;
    }
     .ann-detal .tabs-links span.active {
         background: #ffffff;
         border-radius: var(--radius) var(--radius) 0 0;
         color: #ffffff;
         background: linear-gradient(149deg, #192247bd 0%, #210e1775 99.08%);
    }
     .ann-detal .tabs-content {
        /* background: var(--bg2);
         */
         padding: 10px;
        /* border-radius: var(--radius);
         */
        /* background: linear-gradient(180deg, #54287642 0%, #d900003b 80%);
         */
         background: linear-gradient(149deg, #192247bd 0%, #210e1775 99.08%);
         display: flex;
         justify-content: center;
    }
     .ann-detal > div:nth-child(2) {
        /* border-radius: 0 var(--radius) var(--radius);
         */
    }
     .ann-detal .tabs-content.dle-text p {
         color: var(--text2);
    }
     .ann-detal ul li {
         display: flex;
         align-items: center;
         justify-content: space-between;
         margin: 10px 0;
    }
     @media (max-width: 860px) {
         .ann-detal ul li {
             flex-direction: column;
             align-items: flex-start;
             grid-gap: 10px;
        }
    }
     .ann-detal ul li span:first-child {
         color: var(--text2);
    }
     @media (max-width: 860px) {
         .ann-full_rel .e-grid2 {
             grid-template-columns: 1fr 1fr;
        }
    }
    /* TRAILER MODAL */
     .trailer-modal {
         display: none;
         position: fixed;
         background: var(--bg);
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         z-index: 998;
    }
     .trailer-modal.active {
         display: block;
    }
     .trailer-modal_heading {
         padding: 20px;
         align-items: center;
         justify-content: space-between;
    }
     .trailer-modal_heading h4 {
         margin-bottom: 0;
    }
     .trailer-modal_heading i {
         display: inline-block;
         background: var(--light);
         border-radius: 10px;
         right: 0;
         top: 5px;
         font-size: 20px;
         width: 40px;
         height: 40px;
         text-align: center;
         line-height: 40px;
         cursor: pointer;
    }
     .trailer-modal_iframe {
         position: relative;
         padding-bottom: 85vh;
    }
     .trailer-modal_iframe iframe {
         position: absolute;
         width: 100%;
         height: 100%;
    }
    /* FULL BLOG */
     .ann-fullb_bg {
         position: absolute;
         top: 0;
         left: 0;
         width: 100%;
         height: 400px;
         filter: blur(5px);
         opacity: 0.3;
    }
     .ann-fullb {
         position: relative;
         margin-top: 180px;
         overflow: hidden;
    }
     .ann-fullb_meta {
         display: flex;
         align-items: center;
         color: var(--text2);
         margin-bottom: 30px;
    }
     .ann-fullb_meta span i {
         margin-right: 8px;
    }
     .ann-fullb_meta span + span {
         margin-left: 30px;
    }
     .ann-fullb_poster {
         border-radius: var(--radius);
         overflow: hidden;
         margin: 20px 0;
    }
    /* BADGES */
     .badge {
         display: inline-block;
         border-radius: var(--radius);
         padding: 5px 10px;
         font-size: 14px;
         font-weight: bold;
         text-align: center;
         text-transform: uppercase;
    }
     .badge-red {
         background: #e13535;
         color: #e7c7c7;
    }
     .badge-blue {
         background: #2c2554;
         color: #9e88f5;
    }
     .badge-yellow {
         background: #cdb645;
         color: #080803;
    }
    /* RATING COLOR */
     .rating-color {
         background-color: #3bb33b;
         box-shadow: 0 4px 9px rgb(59 179 59 / 50%);
    }
     .rating-color.low {
         background: #e13535;
         box-shadow: 0 4px 9px rgb(225 53 53 / 50%);
    }
     .rating-color.middle {
         background: #ff6702;
         box-shadow: 0 4px 9px rgb(255 103 2 / 50%);
    }
     .rating-color1 {
         color: #3bb33b;
         font-weight: bold;
    }
     .rating-color1.low {
         color: #e13535;
    }
     .rating-color1.middle {
         color: #ff6702;
    }
    /* FOOTER */
     footer {
         position: relative;
        /* background: var(--bg2);
         */
         color: #fff;
         padding-top: 20px;
    }
     .footer-soc, .footer-menu {
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         justify-content: center;
         margin: 20px;
    }
     .footer-soc > a {
         display: inline-block;
         background: var(--light);
         color: #a3a7bc;
         border-radius: 50%;
         width: 45px;
         height: 45px;
         line-height: 45px;
         font-size: 25px;
         text-align: center;
    }
     .footer-soc > a:hover {
         background: var(--color1);
         color: var(--text1);
    }
     .footer-menu > a {
         color: #a3a7bc;
         font-size: 14px;
    }
     .footer-menu > a:hover {
         color: var(--color1);
    }
     .footer-menu > a + a, .footer-soc > a + a {
         margin-left: 20px;
    }
     .footer-down {
         border-top: 1px solid var(--light);
         padding: 15px 0;
         margin-top: 30px;
    }
     .footer-down .container {
         display: flex;
         align-items: center;
         justify-content: space-between;
    }
     .footer-down .container > span {
         opacity: 0.4;
         font-size: 12px;
    }
     .footer-down > a, .footer-down a > img {
         display: inline-block;
         width: 80px;
         height: auto;
    }
     .footer-dev {
         color: #797882;
         font-size: 12px;
    }
     .footer-dev > a {
         color: var(--color1);
         margin-left: 5px;
    }
    ;
}
 .ann-detal .tabs-content {
    /* background: var(--bg2);
     */
     padding: 10px 10px 0px 10px;
    /* border-radius: var(--radius);
     */
    /* background: linear-gradient(180deg, #54287642 0%, #d900003b 80%);
     */
     background: linear-gradient(149deg, #1922475e 0%, #18000b75 99.08%);
     display: flex;
     justify-content: center;
     flex-direction: column;
     align-items: center;
     text-align: center;
     margin-top: 0px;
}
 .ann-detal > div:nth-child(2) {
    /* border-radius: 0 var(--radius) var(--radius);
     */
}
 .ann-detal .tabs-content.dle-text p {
     color: var(--text2);
     margin-top: 5px;
}
 .ann-detal ul li {
     display: flex;
     align-items: center;
     justify-content: space-between;
     margin: 10px 0;
}
 @media (max-width: 860px) {
     .ann-detal ul li {
         flex-direction: column;
         align-items: flex-start;
         grid-gap: 10px;
    }
}
 .ann-detal ul li span:first-child {
     color: var(--text2);
}
 @media (max-width: 860px) {
     .ann-full_rel .e-grid2 {
         grid-template-columns: 1fr 1fr;
    }
}
/* TRAILER MODAL */
 .trailer-modal {
     display: none;
     position: fixed;
     background: var(--bg);
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 998;
}
 .trailer-modal.active {
     display: block;
}
 .trailer-modal_heading {
     padding: 20px;
     align-items: center;
     justify-content: space-between;
}
 .trailer-modal_heading h4 {
     margin-bottom: 0;
}
 .trailer-modal_heading i {
     display: inline-block;
     background: var(--light);
     border-radius: 10px;
     right: 0;
     top: 5px;
     font-size: 20px;
     width: 40px;
     height: 40px;
     text-align: center;
     line-height: 40px;
     cursor: pointer;
}
 .trailer-modal_iframe {
     position: relative;
     padding-bottom: 85vh;
}
 .trailer-modal_iframe iframe {
     position: absolute;
     width: 100%;
     height: 100%;
}
/* FULL BLOG */
 .ann-fullb_bg {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 400px;
     filter: blur(5px);
     opacity: 0.3;
}
 .ann-fullb {
     position: relative;
     margin-top: 180px;
     overflow: hidden;
}
 .ann-fullb_meta {
     display: flex;
     align-items: center;
     color: var(--text2);
     margin-bottom: 30px;
}
 .ann-fullb_meta span i {
     margin-right: 8px;
}
 .ann-fullb_meta span + span {
     margin-left: 30px;
}
 .ann-fullb_poster {
     border-radius: var(--radius);
     overflow: hidden;
     margin: 20px 0;
}
/* BADGES */
 .badge {
     display: inline-block;
     border-radius: var(--radius);
     padding: 5px 10px;
     font-size: 14px;
     font-weight: bold;
     text-align: center;
     text-transform: uppercase;
}
 .badge-red {
     background: #e13535;
     color: #e7c7c7;
}
 .badge-blue {
     background: #2c2554;
     color: #9e88f5;
}
 .badge-yellow {
     background: #cdb645;
     color: #080803;
}
/* RATING COLOR */
 .rating-color {
     background-color: #3bb33b;
     box-shadow: 0 4px 9px rgb(59 179 59 / 50%);
}
 .rating-color.low {
     background: #e13535;
     box-shadow: 0 4px 9px rgb(225 53 53 / 50%);
}
 .rating-color.middle {
     background: #ff6702;
     box-shadow: 0 4px 9px rgb(255 103 2 / 50%);
}
 .rating-color1 {
     color: #3bb33b;
     font-weight: bold;
}
 .rating-color1.low {
     color: #e13535;
}
 .rating-color1.middle {
     color: #ff6702;
}
/* FOOTER */
 footer {
     position: relative;
    /* background: var(--bg2);
     */
     color: #fff;
     padding-top: 20px;
}
 .footer-soc, .footer-menu {
     display: flex;
     flex-wrap: wrap;
     align-items: center;
     justify-content: center;
     margin: 20px;
}
 .footer-soc > a {
     display: inline-block;
     background: var(--light);
     color: #a3a7bc;
     border-radius: 50%;
     width: 45px;
     height: 45px;
     line-height: 45px;
     font-size: 25px;
     text-align: center;
}
 .footer-soc > a:hover {
     background: var(--color1);
     color: var(--text1);
}
 .footer-menu > a {
     color: #a3a7bc;
     font-size: 14px;
}
 .footer-menu > a:hover {
     color: var(--color1);
}
 .footer-menu > a + a, .footer-soc > a + a {
     margin-left: 20px;
}
 .footer-down {
     border-top: 1px solid var(--light);
     padding: 15px 0;
     margin-top: 30px;
}
 .footer-down .container {
     display: flex;
     align-items: center;
     justify-content: space-between;
}
 .footer-down .container > span {
     opacity: 0.4;
     font-size: 12px;
}
 .footer-down > a, .footer-down a > img {
     display: inline-block;
     width: 80px;
     height: auto;
}
 .footer-dev {
     color: #797882;
     font-size: 12px;
}
 .footer-dev > a {
     color: var(--color1);
     margin-left: 5px;
}
/* Hover items*/
 .ann-short_item {
     position: relative;
     /* background: linear-gradient(149deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%);
     */
     transition: background-position 0.5s ease-in-out;
     background-size: 100% 200%;
}
 .ann-short_item:hover {
     background-position: 100% 100%;
}
/* Hover items */
 ::-webkit-scrollbar {
     width: 8px;
     height: 12px;
}
/* fix Scroll barre */
 ::-webkit-scrollbar-track {
     /* background: #4c4548; */
     border-radius: 10px;
}
 ::-webkit-scrollbar-thumb {
     background: #d90000;
     border-radius: 10px;
     transition: background-color 0.3s;
}
 ::-webkit-scrollbar-thumb:hover {
     background: #b20000;
}
/* force icone */
 .fa-chevron-left:before {
     margin-right: 5px !important;
}
 .fa-chevron-right:before {
     margin-right: 5px !important;
}
 .fa-regular, .far {
     font-weight: 800 !important;
}
 .holographic-container {
     display: flex;
     justify-content: center;
     align-items: center;
     height: 100vh;
     background: #000;
}
 .holographic-card {
    /* height: 200px; */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    transition: all 0.5s ease;
    min-width: 180px;
    margin: 5px;
    max-width: 180px;
}
 .holographic-card h2 {
     color: #0ff;
     font-size: 2rem;
     position: relative;
     z-index: 2;
}
 .holographic-card::before {
     content: '';
     position: absolute;
     top: -50%;
     left: -50%;
     width: 200%;
     height: 200%;
     background: linear-gradient(0deg, transparent, transparent 30%, #ffffff26);
     /* transform: rotate(-45deg);
     */
     /* transition: all 0.5s ease;
     */
     /* opacity: 0;
     */
}
 .holographic-card:hover {
     transform: scale(1.05);
}
 .holographic-card:hover::before {
    /* opacity: 1;
     */
    /* transform: rotate(-45deg) translateY(100%);
     */
}
 .ann-detal .tabs-links-bottom span.active {
    /* background: #ffffff;
     */
    /* border-radius: var(--radius) var(--radius) 0 0;
     */
    color: #ffffff;
    /* background: linear-gradient(149deg, #ac0000bd 0%, #66003075 99.08%);
     */
    /* background: linear-gradient(45deg, rgb(25 34 71 / 41%) 0%, rgb(33 14 23) 99.08%);
     */
    background: linear-gradient(45deg, rgb(33 14 23) 0%, rgb(25 34 71 / 41%) 99.08%);
    display: grid;
    border-radius: 0 0 var(--radius) var(--radius);
}
 .ann-detal .tabs-links-bottom span {
     display: inline-block;
     padding: 10px 20px;
     font-size: 16px;
     font-weight: bold;
     text-transform: uppercase;
     cursor: pointer;
}
.scroll-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* Espace entre les flèches et la grille */
}

.scroll-container {
    width: 100%; /* Ajuste selon ton besoin */
    display: flex;
    flex-wrap: wrap;
}

.e-grid3 {
    display: flex;
    grid-template-columns: repeat(6, 1fr);
    overflow-x: hidden;
    /* scroll-behavior: smooth; */
    white-space: nowrap;
    padding: 20px 20px 20px 0px;
    /* width: 100%; */
    flex-wrap: nowrap;
}

/* Style des boutons */
.scroll-btn {
    color: white;
    border: none;
    cursor: pointer;
    font-size: 20px;
    padding: 3px 8px;
    border-radius: 50%;
    transition: background 0.3s;
    backdrop-filter: blur(25px);
    border: 1px solid var(--light);
    margin: 5px;
    background: #dbc8c814;
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
/* STYLES 6.0 Developer: t.me/moretheme Screen resolution: 460, 860, 1440, 1920 */
 :
    root {
     --bg: #141426;
    --bg2: #1e1e34;
    --text: #fff;
    --text1: #000;
    --text2: #9c9cbb;
    --color1: #d90000;
    --color2: #d90000e3;
    --light: rgb(255 255 255 / 10%);
    --light2: rgb(255 255 255 / 30%);
    --dark: rgb(0 0 0 / 30%);
    --radius: 12px;
}
    body {
    /* background: url(/templates/witv/images/bf027f4b-58f3-4770-94d5-53f13b2d2f1b.webp);
     */
    color: var(--text);
    line-height: normal;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 500;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background: linear-gradient(to bottom, rgb(0 0 0 / 88%), rgb(0 0 0 / 90%)), url(https://img.freepik.com/free-vector/realistic-polygonal-background_52683-60791.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    min-height: 100px;
    margin: 0;
    padding: 0;
    background-color: black;
}
/* HEADER */
    header {
     position: relative;
    background: linear-gradient(0deg,rgba(17,17,19,0),rgb(17 17 24 / 100%));
    width: 100%;
    top: 0;
    /* padding: 10px 0; */
}
    header.fixed {
     position: fixed;
    z-index: 7;
}
    header .container {
     display: flex;
    align-items: center;
    justify-content: space-between;
}
 .header-logo, .header-logo
    img {
     width: 110px;
    object-fit: contain;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 10px;
    margin-top: 5px;
}
 .header-link, .header-link
    img {
     display: inline-block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-right: 15px;
}
    @media (max-width: 860px) {
     .header-link {
         display: none;
    }
}
/* CATALOG */
 .catalog-btn {
    /* background: #dbc8c838; */
    width: 120px;
    line-height: 43px;
    height: 43px;
    border-radius: var(--radius);
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    display: block;
    margin-left: 30px;
    backdrop-filter: blur(25px);
    border: 1px solid var(--light);
}
    @media (max-width: 860px) {
     .catalog-btn {
         /* margin-left: auto; */
         min-width: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    }
}
 .catalog-btn:
    hover {
     background: #d90000e6;
}
 .catalog-btn
    span {
     margin-left: 10px;
}
    @media (max-width: 860px) {
     .catalog-btn span {
         display: none;
    }
}
 .catalog-btn.active
    i:before {
     content: "\f00d";
}
 .catalog {
    position: absolute;
    /* background: var(--bg2); */
    color: var(--text);
    padding: 20px;
    box-shadow: 0 12px 24px rgb(0 0 0 / 15%);
    border-radius: var(--radius);
    max-width: 360px;
    top: 100%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    z-index: 8;
    border: 1px solid var(--bg2);
    border-radius: 0 0 var(--radius) var(--radius);
    background: rgb(255 255 255 / 2%);
    backdrop-filter: blur(25px);
}
 .catalog:
    before {
     content: "";
    position: absolute;
    top: -5px;
    left: 40%;
    width: 10px;
    height: 10px;
    background: var(--bg2);
    transform: rotate(45deg);
}
    @media (max-width: 860px) {
     .catalog:before {
         left: 60%;
    }
     .catalog {
    right: 0;
    left: auto;
    }
}
 .catalog.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(10px);
    border: 1px solid var(--bg2);
    border-radius: 0 0 var(--radius) var(--radius);
}
 .catalog >
    a {
     display: inline-block;
    min-width: 150px;
    max-width: 150px;
    padding: 5px;
}
 .catalog >
    a:hover {
     color: var(--color1);
}
/* MOB MENU 0.3 */
 .mobmenu-btn {
    display: none;
}
    @media (max-width: 860px) {
     .mobmenu-btn {
         display: block;
    background: var(--color1);
    border-radius: var(--radius);
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    margin-left: 10px;
    }
     .mobmenu-btn.active:
    before {
         content: "\f00d";
    }
     .mobmenu-btn.active {
    z-index: 9;
    }
     .mobmenu {
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    top: 0;
    right: -300px;
    width: 240px;
    height: 100%;
    margin-left: 0;
    background: var(--bg);
    transition: 0.3s;
    overflow-y: auto;
    z-index: 8;
    }
     .mobmenu.active {
    display: flex;
    align-items: flex-start;
    right: 0;
    padding: 20px;
    border-radius: 0;
    }
     .mobmenu a + div, .mobmenu a {
    display: block;
    width: 100%;
    }
     .mobmenu div > div {
    display: none;
    width: 100%;
    top: 0;
    column-count: 1;
    }
     .mobmenu div > a.active + div {
    position: relative;
    display: block;
    opacity: 1;
    visibility: visible;
    }
}
/* HEADER SEARCH */
 .header-search {
    position: relative;
    display: flex;
    align-items: center;
    /* background: var(--light); */
    backdrop-filter: blur(25px);
    border: 1px solid var(--light);
    border-radius: var(--radius);
    padding-left: 20px;
    margin-left: 30px;
    margin-right: auto;
    transition: 0.3s;
    z-index: 7;
}
    @media (max-width: 860px) {
     .header-search {
         margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    width: 40%;
    }
     .header-search.active {
    position: fixed;
    background: var(--bg2);
    padding: 10px;
    border-radius: 0;
    top: 0;
    left: 0;
    width: 100%;
    margin-left: 0;
    }
}
 .header-search_icon {
    display: inline-block;
    color: var(--text);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
}
 .header-search
    input {
     background: transparent;
    padding: 0;
    border-radius: 0;
    width: 300px;
    height: inherit;
    line-height: inherit;
    font-weight: 400;
}
    @media (max-width: 860px) {
     .header-search input {}
     .header-search_icon {
    order: -1;
    color: var(--light);
    }
}
 .header-search
    input::placeholder {
     color: var(--light2);
}
 .header-search.active
    input, .header-search.active .header-search_close {
     display: inline-block;
}
 .header-search_close {
    display: none;
}
    @media (max-width: 860px) {
     .header-search_close {
         display: none;
    position: absolute;
    opacity: 0.6;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 25px;
    text-align: center;
    }
}
/* HEADER USER */
 .header-user >
    a {
     display: flex;
    align-items: center;
    cursor: pointer;
}
 .header-user >
    a img {
     width: 40px;
    height: 40px;
}
 .header-user >
    a span {
     margin-left: 10px;
    font-weight: bold;
}
 .header-user >
    div {
     position: absolute;
    /* background: var(--bg2); */
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    border-radius: var(--radius);
    width: 220px;
    top: 100%;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    overflow: hidden;
    z-index: 6;
}
 .header-user.active >
    div {
     visibility: visible;
    opacity: 1;
    transform: translateY(10px);
    border: 1px solid var(--bg2);
    border-radius: 0 0 var(--radius) var(--radius);
    background: rgb(255 255 255 / 2%);
    backdrop-filter: blur(25px);
}
 .header-user_av {
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid var(--light);
}
 .header-user_av >
    img {
     width: 34px;
    height: 35px;
    object-fit: cover;
    border-radius: 50%;
}
 .header-user_av >
    span {
     flex: 1 1 0%;
    max-width: 100%;
    min-width: 50px;
    margin-left: 10px;
    font-weight: bold;
}
 .header-user_av >
    span span {
     display: block;
    font-size: 12px;
}
 .header-user_menu
    a {
     display: block;
    padding: 10px 20px;
    font-size: 12px;
}
 .header-user_menu
    a:hover {
     background: var(--color1);
    color: var(--text);
}
 .header-user_menu
    a i {
     margin-right: 10px;
    opacity: 0.8;
}
/* MODAL LOGIN 0.2 */
 .modal-login >
    a {
     display: flex;
    align-items: center;
    color: var(--text2);
    cursor: pointer;
}
 .modal-login >
    a i, .modal-login > a img {
     margin-right: 10px;
    margin-top: 1px;
    float: left;
}
 .modal-login
    form {
     display: none;
    position: fixed;
    min-width: 500px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background: var(--bg);
    padding: 40px 80px;
    border-radius: var(--radius);
    text-align: center;
    z-index: 9;
}
    @media (max-width: 860px) {
     .modal-login form {
         min-width: 100%;
    padding: 30px;
    border-radius: 0;
    }
}
 .modal-login
    form > i {
     position: absolute;
    top: 20px;
    right: 20px;
    background: var(--light);
    border-radius: var(--radius);
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
}
 .modal-login
    form > i:hover {
     background: var(--color1);
}
 .modal-login .e-float >
    a {
     position: absolute;
    top: 15px;
    right: 15px;
    border-bottom: 1px dotted #20a8d8;
}
 .modal-login_lost {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #c5c5c5;
    margin-bottom: 20px;
}
 .modal-login_lost
    a:hover {
     color: var(--color1);
}
 .modal-login_btn
    a {
     background: var(--light);
    margin-left: 20px;
}
 .modal-login_btn
    a:hover {
     background: var(--light2);
}
 .modal-login_soc
    span {
     display: block;
    color: #767389;
    margin: 20px 0;
}
 .modal-login_soc .e-flex {
    align-items: center;
    justify-content: center;
}
 .modal-login_soc .e-flex >
    a, .modal-login_soc .e-flex a > img {
     width: 40px;
    height: 40px;
    margin: 0 10px;
}
/* ANN BIG */
 .ann-big {
    /* Centre le background */
    /* Couvre tout l'élément sans déformer le fond */
    /* Centre l'élément */
    overflow: hidden;
    max-width: 1200px;
    background-position: center;
    background-size: cover;
    margin: 0 auto;
    /* Masque pour faire disparaître le div vers le bas */
    mask-image: linear-gradient(to bottom, rgb(0 0 0 / 23%) 20%, rgb(0 0 0) 100%);
    max-height: 400px;
    border: 1px solid var(--bg2);
}
 .ann-big_one {
    height: 400px;
}
 .ann-big_one .swiper-slide:
    before {
     content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(1deg, #14142600, transparent 80%), linear-gradient(90deg, #1d0912d9, transparent 100%), linear-gradient(275deg, rgb(2 0 7 / 50%), transparent), linear-gradient(209deg, #020007, transparent 40%);
    z-index: 1;
}
 .ann-big_content {
    position: relative;
    padding: 120px 0;
    z-index: 2;
}
    @media (max-width: 860px) {
     .ann-big_content {
        /* padding: 80px 0 0;
         */}
}
 .ann-big_content > .badge {
    margin-bottom: 20px;
}
 .ann-big_content
    h1, .ann-big_content h2 {
     margin-bottom: 10px;
}
 .ann-big_text {
    max-width: 600px;
    color: var(--text2);
    font-size: 16px;
}
 .ann-big_link {
    align-items: center;
    margin-bottom: 10px;
}
    @media (max-width: 860px) {
     .ann-big_link {
         display: block;
    }
}
 .ann-big_link .e-btn {
    margin-right: 20px;
}
    @media (max-width: 860px) {
     .ann-big_link .e-btn {
         margin-right: 0;
    margin-bottom: 20px;
    }
}
 .ann-big_link > *
    i {
     margin-right: 8px;
}
 .ann-price {
    font-size: 25px;
    font-weight: bold;
}
 .ann-price >
    span {
     color: var(--text2);
    font-size: 16px;
    font-weight: 500;
    text-decoration: line-through;
    margin-left: 10px;
}
 .ann-big_one
    img {
     position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
 .ann-big_two {
    position: absolute;
    bottom: 0;
    right: 40px;
    width: 600px;
    padding: 60px 10px;
    overflow: hidden;
}
    @media (max-width: 1200px) {
     .ann-big_two {
         display: none;
    }
}
 .ann-big_two >
    i {
     position: absolute;
    background: var(--light);
    backdrop-filter: blur(10px);
    border: 1px solid var(--light2);
    border-radius: var(--radius);
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    z-index: 2;
    cursor: pointer;
}
 .ann-big_two >
    i:hover {
     background: var(--color1);
}
 .ann-big_two .fa-chevron-right {
    left: 45px;
}
 .ann-big_item {
    position: relative;
    width: 100%;
    filter: contrast(0.3);
    overflow: hidden;
}
 .swiper-slide-thumb-active .ann-big_item {
    transform: scale(1.04);
    filter: contrast(1);
}
 .ann-big_item:
    before {
     content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
 .ann-big_item >
    img {
     position: relative;
    border: 1px solid var(--light);
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: var(--radius);
}
 .ann-big_title {
    display: block;
    font-size: 14px;
    margin-top: 10px;
}
/* ANN PRIO */
 .ann-prio
    li {
     background: var(--bg2);
    padding: 30px;
    border-radius: var(--radius);
}
    @media (max-width: 860px) {
     .ann-prio li {
         min-width: 260px;
    }
}
 .ann-prio
    li span {
     display: block;
    color: var(--text2);
    margin-bottom: 15px;
}
 .ann-prio
    li span b {
     color: var(--color1);
    margin-right: 10px;
}
/* ANN SECT TABS */
 .ann-sect_title {
    display: flex;
    align-items: center;
    margin: 0px 0px 0px 15px;
}
 .ann-sect_title
    h1 {
     margin-bottom: 0;
}
 .ann-sect_title
    i {
     display: inline-block;
    /* background: var(--bg2); */
    border-radius: var(--radius);
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 10px;
    margin-left: 15px;
    gap: 20px;
    backdrop-filter: blur(25px);
    border: 1px solid var(--light);
}
 .ann-sect_links {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
 .ann-sect_links
    span {
     min-width: 160px;
    background: #221d47;
    color: var(--text2);
    padding: 10px 20px;
    border-radius: var(--radius);
    font-weight: 600;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
}
 .ann-sect_links
    span.active {
     background: var(--color1);
    color: #fff;
}
    @media (max-width: 860px) {
     .ann-sect .tabs-content.e-grid5 {
         grid-template-columns: 1fr 1fr;
    }
}
 .ann-short_item {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 205px;
    height: 140px;
    padding: 10px;
    border-radius: var(--radius);
    overflow: hidden;
    justify-content: flex-end;
    align-items: center;
}
    @media (max-width: 860px) {
     .ann-short_item {
        /* height: 230px;
         */}
}
 .ann-short_item:
    before {
     content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #ffffff1f 0%, #ffffff0f 80%);
    z-index: -1;
    /* background: linear-gradient(149deg, #ededed30 0%, #210e1700 99.08%);
     */
    /* background: linear-gradient(149deg, #1922475e 0%, #210e17 99.08%);
     */
}
 .ann-short_item .badge {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 10px;
    margin-bottom: 10px;
}
 .ann-short_item >
    a:before {
     content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}
 .ann-short_price >
    span {
     color: var(--text2);
    font-size: 14px;
    font-weight: 500;
    text-decoration: line-through;
    margin-left: 10px;
}
 .ann-short_item >
    img {
     position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 60px;
    object-fit: cover;
    transition: 0.3s;
    z-index: -1;
    /* margin-top: 10px;
     */
    opacity: 0.8;
    /* max-height: 100px; */
    /* width: 260px; */
}
 .ann-short_item:
    hover img {
     transform: scale(1.1);
}
/* ANN HIT */
 .ann-hit_items {
    column-count: 2;
    column-gap: 10px;
}
 .ann-hit_items .ann-hit_item:nth-child(3) {
    height: 200px;
}
 .ann-hit_items .ann-hit_item:nth-child(2) {
    height: 200px;
}
 .ann-hit_item {
    position: relative;
    display: inline-block;
    max-width: 260px;
    height: 120px;
    /* border-radius: var(--radius);
     */
    border: 1px solid var(--light);
    margin: 5px 0;
    overflow: hidden;
}
 .ann-hit_item:
    before {
     content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 120px;
    background: linear-gradient(180deg, rgba(70, 11, 110, 0) 0%, var(--bg2) 80%);
    z-index: 1;
}
 .ann-hit_item .badge {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 10px;
    margin-bottom: 10px;
    z-index: 2;
}
 .ann-hit_content {
    position: absolute;
    bottom: 0;
    /* padding: 10px;
     */
    z-index: 2;
    margin-left: 10px;
}
 .ann-hit_content
    h3 {
     margin-bottom: 10px;
}
 .ann-hit_price {
    color: var(--text2);
    font-size: 18px;
    font-weight: 600;
}
 .ann-hit_item >
    img {
     width: 180px;
    max-height: 80px;
    object-fit: cover;
    transition: 0.3s;
}
 .ann-hit_item:
    hover.ann-hit_item > img {
     transform: scale(1.05)}
/* ANN BLOG */
    @media (max-width: 860px) {
     .ann-blog .e-grid3 {
        /* grid-template-columns: 4fr;
         */
        /* grid-template-columns: repeat(2, 1fr);
         */
        /* flex-direction: column;
         */
        /* justify-content: center; */
        align-items: center;
    /* width: 100%; */
    }
}
 .ann-blog_item {
}
 .ann-blog_bg {
    position: relative;
    height: 200px;
    border-radius: var(--radius);
    margin-bottom: 15px;
    overflow: hidden;
}
 .ann-blog_meta {
    display: flex;
    align-items: center;
    color: var(--text2);
    font-size: 12px;
    margin-bottom: 10px;
}
 .ann-blog_meta
    span + span {
     margin-left: 20px;
}
 .ann-blog_meta
    i {
     margin-right: 8px;
}
 .ann-blog_title {
    font-size: 16px;
    line-height: 1.5;
}
 .ann-blog_item:
    hover .ann-blog_title {
     color: var(--color1);
}
/* ANN FULL */
 .ann-full_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 500px;
     */
    opacity: 0.1;
}
 .ann-full_bg:
    before {
     content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, var(--bg), transparent);
}
 .ann-full {
    display: flex;
    align-items: flex-start;
    /* margin-top: 0px;
     */
    overflow: hidden;
}
    @media (max-width: 860px) {
     .ann-full {
         flex-direction: column;
    }
}
 .ann-full_left {
    display: block;
    width: 300px;
    margin-right: 20px;
}
    @media (max-width: 860px) {
     .ann-full_left {
        /* order: 2;
         */
         width: 100%;
    /* margin-right: 0;
         */
    /* margin-top: 30px;
         */
    display: block;
    /* width: 350px;
         */
    margin-right: 60px;
    }
}
 .ann-full_poster {
    display: flex;
    /* width: 300px;
     */
    height: 100px;
    border-radius: var(--radius);
    border: 1px solid var(--light);
    box-shadow: 0 4px 4px var(--dark);
    margin-bottom: 10px;
    overflow: hidden;
    /* background: linear-gradient(180deg, #54287642 0%, #d900003b 80%);
     */
    /* background: linear-gradient(149deg, #192247bd 0%, #210e1775 99.08%);
     */
    /* padding: 10px;
     */
    text-align: center;
    background: linear-gradient(180deg, #ffffff1f 0%, #ffffff0f 80%);
}
    @media (max-width: 860px) {
     .ann-full_poster, .ann-full_fav, .ann-full_janr, .ann-full_share > span {
        /* display: none!important;
         */}
}
 .ann-full_fav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--bg2);
    padding: 5px 10px;
    border-radius: var(--radius) var(--radius) 0 0;
    color: var(--color1);
    font-weight: 600;
}
 .ann-full_fav >
    a {
     position: relative;
    padding: 8px 15px;
    cursor: pointer;
}
 .ann-full_fav [
    id] {
     background: var(--color1);
    color: #fff;
    border-radius: var(--radius);
}
 .ann-full_fav [
    id]:hover {
     background: var(--color2);
}
 .ann-full_fav
    i:not(.ann-full_fav [id] i) {
     margin-right: 8px;
}
 .ann-full_share >
    div {
     position: absolute;
    background: #1e1e34;
    border: 1px solid var(--light);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    border-radius: var(--radius);
    width: max-content;
    padding: 10px;
    top: -70px;
    right: -10px;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
}
 .ann-full_share >
    div:before {
     content: "";
    position: absolute;
    bottom: -5px;
    left: 60%;
    width: 10px;
    height: 10px;
    background: var(--bg2);
    transform: rotate(45deg);
}
 .ann-full_share.active >
    div {
     visibility: visible;
    opacity: 1;
    transform: translateY(10px);
}
 .ann-full_janr {
    border: 1px solid var(--bg2);
    border-radius: 0 0 var(--radius) var(--radius);
    padding: 10px 20px;
    margin-bottom: 30px;
    background: rgb(255 255 255 / 2%);
    backdrop-filter: blur(25px);
}
 .ann-full_janr
    li span {
     display: inline-block;
    color: var(--text2);
    margin-right: 20px;
    min-width: 90px;
}
 .ann-full_janr
    li {
     display: flex;
    align-items: center;
    font-size: 14px;
    margin: 5px 0;
}
 .ann-full_rel .ann-short_item {
    /* height: 20px;
     */
}
 .ann-full_mini, .ann-full_mini
    p {
     color: var(--text2);
    font-size: 14px;
}
 .expand-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
 .expand-btn {
    display: inline-block;
    background: var(--bg2);
    color: #a5a1b2;
    padding: 8px 20px;
    border-radius: var(--radius);
    font-size: 14px;
    margin-bottom: 40px;
}
 .ann-full_link {
    align-items: center;
    margin-top: 30px;
}
 .ann-full_buy {
    margin-right: 20px;
}
 .ann-full_buy >
    span {
     display: block;
    color: #50a14f;
    margin-top: 10px;
}
 .ann-full_buy * >
    i {
     margin-right: 8px;
}
 .ann-full_key {
    flex: 100%;
    margin-right: 30px;
    margin-bottom: 20px;
}
 .ann-full_key >
    span {
     display: block;
    background: var(--light);
    padding: 8px 20px;
    border-radius: var(--radius);
    margin-top: 8px;
}
 .ann-full_tip {
    margin: 40px 0;
}
 .ann-full_tip
    span {
     display: block;
    color: var(--text2);
    font-weight: bold;
    margin-bottom: 15px;
}
 .ann-full_text, .ann-full_text
    p {
     font-size: 14px;
    color: #cac8d1;
}
 .ann-full_text
    p + p, .ann-full_text p + h2 {
     margin: 20px 0;
}
 .ann-full_text
    a {
     color: var(--color1);
}
 .ann-full_text
    ol li {
     position: relative;
    color: #a5a1b2;
    padding-left: 20px;
    margin: 15px;
    line-height: 1.5;
}
 .ann-full_text
    ol li:before {
     content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #808191;
    border-radius: 50%;
    margin-right: 20px;
}
 .ann-full_text
    ol li strong, .ann-full_text ol li b {
     color: var(--color3);
}
 .ann-full_screens {
    position: relative;
    border-radius: var(--radius);
    margin-bottom: 40px;
    overflow: hidden;
}
 .ann-full_screens > .fal {
    position: absolute;
    left: 20px;
    top: 45%;
    font-size: 30px;
    z-index: 5;
    cursor: pointer;
}
 .ann-full_screens > .fa-chevron-right {
    left: unset;
    right: 20px;
}
 .ann-full_screens > .swiper-button-disabled {
    display: none;
}
 .ann-full_screens .swiper-slide {
    aspect-ratio: 16/9;
}
 .ann-detal {
    border: 1px solid var(--bg2);
    border-radius: 0 0 var(--radius) var(--radius);
    /* padding: 10px 0px; */}
 .ann-detal .tabs-links
    span {
     display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}
 .ann-detal .tabs-links
    span + span {
     margin-left: 20px;
}
 .ann-detal .tabs-links
    span.active {
     background: #ffffff;
    /* border-radius: var(--radius) var(--radius) 0 0; */
    color: #ffffff;
    /* background: linear-gradient(149deg, #ac0000bd 0%, #66003075 99.08%);
     */
    background: linear-gradient(45deg, rgb(25 34 71 / 41%) 0%, rgb(33 14 23) 99.08%);
    width: 100%;
     
     
     
     
     
    /* STYLES 6.0 Developer: t.me/moretheme Screen resolution: 460, 860, 1440, 1920 */
     :
    root {
         --bg: #141426;
    --bg2: #1e1e34;
    --text: #fff;
    --text1: #000;
    --text2: #9c9cbb;
    --color1: #d90000;
    --color2: #a52373;
    --light: rgb(255 255 255 / 10%);
    --light2: rgb(255 255 255 / 30%);
    --dark: rgb(0 0 0 / 30%);
    --radius: 12px;
    }
    body {
        /* background: url(/templates/witv/images/bf027f4b-58f3-4770-94d5-53f13b2d2f1b.webp);
         */
         color: var(--text);
    line-height: normal;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 500;
    background: linear-gradient(rgb(0 0 0), rgb(0 0 0 / 84%)), url(/templates/witv/images/bf027f4b-58f3-4770-94d5-53f13b2d2f1b.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    }
    /* HEADER */
    header {
         position: relative;
    background: linear-gradient(0deg,rgba(17,17,19,0),rgb(17 17 24 / 100%));
    width: 100%;
    top: 0;
    padding: 10px 0;
    }
    header.fixed {
         position: fixed;
    z-index: 7;
    }
    header .container {
         display: flex;
    align-items: center;
    justify-content: space-between;
    }
     .header-logo, .header-logo
    img {
         width: 90px;
    height: 70px;
    object-fit: contain;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 60px;
    }
     .header-link, .header-link
    img {
         display: inline-block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-right: 15px;
    }
    @media (max-width: 860px) {
         .header-link {
             display: none;
        }
    }
    /* CATALOG */
     .catalog-btn {
    background: #d90000;
    width: 140px;
    line-height: 43px;
    height: 43px;
    border-radius: var(--radius);
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    }
    @media (max-width: 860px) {
         .catalog-btn {
             margin-left: auto;
    min-width: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
        }
    }
     .catalog-btn:
    hover {
         background: #d90000e6;
    }
     .catalog-btn
    span {
         margin-left: 10px;
    }
    @media (max-width: 860px) {
         .catalog-btn span {
             display: none;
        }
    }
     .catalog-btn.active
    i:before {
         content: "\f00d";
    }
     .catalog {
    position: absolute;
    background: var(--bg2);
    color: var(--text);
    padding: 20px;
    box-shadow: 0 12px 24px rgb(0 0 0 / 15%);
    border-radius: var(--radius);
    max-width: 360px;
    top: 100%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    z-index: 8;
    }
     .catalog:
    before {
         content: "";
    position: absolute;
    top: -5px;
    left: 40%;
    width: 10px;
    height: 10px;
    background: var(--bg2);
    transform: rotate(45deg);
    }
    @media (max-width: 860px) {
         .catalog:before {
             left: 60%;
        }
         .catalog {
    right: 0;
    left: auto;
        }
    }
     .catalog.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(10px);
    }
     .catalog >
    a {
         display: inline-block;
    min-width: 150px;
    max-width: 150px;
    padding: 5px;
    }
     .catalog >
    a:hover {
         color: var(--color1);
    }
    /* MOB MENU 0.3 */
     .mobmenu-btn {
    display: none;
    }
    @media (max-width: 860px) {
         .mobmenu-btn {
             display: block;
    background: var(--color1);
    border-radius: var(--radius);
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    margin-left: 10px;
        }
         .mobmenu-btn.active:
    before {
             content: "\f00d";
        }
         .mobmenu-btn.active {
    z-index: 9;
        }
         .mobmenu {
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    top: 0;
    right: -300px;
    width: 240px;
    height: 100%;
    margin-left: 0;
    background: var(--bg);
    transition: 0.3s;
    overflow-y: auto;
    z-index: 8;
        }
         .mobmenu.active {
    display: flex;
    align-items: flex-start;
    right: 0;
    padding: 20px;
    border-radius: 0;
        }
         .mobmenu a + div, .mobmenu a {
    display: block;
    width: 100%;
        }
         .mobmenu div > div {
    display: none;
    width: 100%;
    top: 0;
    column-count: 1;
        }
         .mobmenu div > a.active + div {
    position: relative;
    display: block;
    opacity: 1;
    visibility: visible;
        }
    }
    /* HEADER SEARCH */
     .header-search {
    position: relative;
    display: flex;
    align-items: center;
    background: var(--light);
    backdrop-filter: blur(25px);
    border: 1px solid var(--light);
    border-radius: var(--radius);
    padding-left: 20px;
    margin-left: 30px;
    margin-right: auto;
    transition: 0.3s;
    z-index: 7;
    }
    @media (max-width: 860px) {
         .header-search {
             margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
        }
         .header-search.active {
    position: fixed;
    background: var(--bg2);
    padding: 10px;
    border-radius: 0;
    top: 0;
    left: 0;
    width: 100%;
    margin-left: 0;
        }
    }
     .header-search_icon {
    display: inline-block;
    color: var(--text);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    }
     .header-search
    input {
         background: transparent;
    padding: 0;
    border-radius: 0;
    width: 300px;
    height: inherit;
    line-height: inherit;
    font-weight: 400;
    }
    @media (max-width: 860px) {
         .header-search input {
             display: none;
        }
         .header-search_icon {
    order: -1;
    color: var(--light);
        }
    }
     .header-search
    input::placeholder {
         color: var(--light2);
    }
     .header-search.active
    input, .header-search.active .header-search_close {
         display: inline-block;
    }
     .header-search_close {
    display: none;
    }
    @media (max-width: 860px) {
         .header-search_close {
             display: none;
    position: absolute;
    opacity: 0.6;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 25px;
    text-align: center;
        }
    }
    /* HEADER USER */
     .header-user >
    a {
         display: flex;
    align-items: center;
    cursor: pointer;
    }
     .header-user >
    a img {
         width: 40px;
    height: 40px;
    }
     .header-user >
    a span {
         margin-left: 10px;
    font-weight: bold;
    }
     .header-user >
    div {
         position: absolute;
    background: var(--bg2);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    border-radius: var(--radius);
    width: 220px;
    top: 100%;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    overflow: hidden;
    z-index: 6;
    }
     .header-user.active >
    div {
         visibility: visible;
    opacity: 1;
    transform: translateY(10px);
    }
     .header-user_av {
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid var(--light);
    }
     .header-user_av >
    img {
         width: 34px;
    height: 35px;
    object-fit: cover;
    border-radius: 50%;
    }
     .header-user_av >
    span {
         flex: 1 1 0%;
    max-width: 100%;
    min-width: 50px;
    margin-left: 10px;
    font-weight: bold;
    }
     .header-user_av >
    span span {
         display: block;
    font-size: 12px;
    }
     .header-user_menu
    a {
         display: block;
    padding: 10px 20px;
    font-size: 12px;
    }
     .header-user_menu
    a:hover {
         background: var(--color1);
    color: var(--text);
    }
     .header-user_menu
    a i {
         margin-right: 10px;
    opacity: 0.8;
    }
    /* MODAL LOGIN 0.2 */
     .modal-login >
    a {
         display: flex;
    align-items: center;
    color: var(--text2);
    cursor: pointer;
    }
     .modal-login >
    a i, .modal-login > a img {
         margin-right: 10px;
    margin-top: 1px;
    float: left;
    }
     .modal-login
    form {
         display: none;
    position: fixed;
    min-width: 500px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background: var(--bg);
    padding: 40px 80px;
    border-radius: var(--radius);
    text-align: center;
    z-index: 9;
    }
    @media (max-width: 860px) {
         .modal-login form {
             min-width: 100%;
    padding: 30px;
    border-radius: 0;
        }
    }
     .modal-login
    form > i {
         position: absolute;
    top: 20px;
    right: 20px;
    background: var(--light);
    border-radius: var(--radius);
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    }
     .modal-login
    form > i:hover {
         background: var(--color1);
    }
     .modal-login .e-float >
    a {
         position: absolute;
    top: 15px;
    right: 15px;
    border-bottom: 1px dotted #20a8d8;
    }
     .modal-login_lost {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #c5c5c5;
    margin-bottom: 20px;
    }
     .modal-login_lost
    a:hover {
         color: var(--color1);
    }
     .modal-login_btn
    a {
         background: var(--light);
    margin-left: 20px;
    }
     .modal-login_btn
    a:hover {
         background: var(--light2);
    }
     .modal-login_soc
    span {
         display: block;
    color: #767389;
    margin: 20px 0;
    }
     .modal-login_soc .e-flex {
    align-items: center;
    justify-content: center;
    }
     .modal-login_soc .e-flex >
    a, .modal-login_soc .e-flex a > img {
         width: 40px;
    height: 40px;
    margin: 0 10px;
    }
    /* ANN BIG */
     .ann-big {
    position: relative;
    overflow: hidden;
    }
     .ann-big_one {
    height: 500px;
    }
     .ann-big_one .swiper-slide:
    before {
         content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, var(--bg), transparent 80%), linear-gradient(90deg, var(--bg), transparent 100%), linear-gradient(0deg, rgb(14 17 26 / 100%), transparent), linear-gradient(270deg, var(--bg), transparent 40%);
    z-index: 1;
    }
     .ann-big_content {
    position: relative;
    padding: 180px 0;
    z-index: 2;
    }
    @media (max-width: 860px) {
         .ann-big_content {
             padding: 150px 0 0;
        }
    }
     .ann-big_content > .badge {
    margin-bottom: 30px;
    }
     .ann-big_content
    h1, .ann-big_content h2 {
         margin-bottom: 10px;
    }
     .ann-big_text {
    max-width: 600px;
    color: var(--text2);
    font-size: 16px;
    }
     .ann-big_link {
    align-items: center;
    margin-top: 30px;
    }
    @media (max-width: 860px) {
         .ann-big_link {
             display: block;
        }
    }
     .ann-big_link .e-btn {
    margin-right: 20px;
    }
    @media (max-width: 860px) {
         .ann-big_link .e-btn {
             margin-right: 0;
    margin-bottom: 20px;
        }
    }
     .ann-big_link > *
    i {
         margin-right: 8px;
    }
     .ann-price {
    font-size: 25px;
    font-weight: bold;
    }
     .ann-price >
    span {
         color: var(--text2);
    font-size: 16px;
    font-weight: 500;
    text-decoration: line-through;
    margin-left: 10px;
    }
     .ann-big_one
    img {
         position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    }
     .ann-big_two {
    position: absolute;
    bottom: 0;
    right: 40px;
    width: 600px;
    padding: 60px 10px;
    overflow: hidden;
    }
    @media (max-width: 1200px) {
         .ann-big_two {
             display: none;
        }
    }
     .ann-big_two >
    i {
         position: absolute;
    background: var(--light);
    backdrop-filter: blur(10px);
    border: 1px solid var(--light2);
    border-radius: var(--radius);
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    z-index: 2;
    cursor: pointer;
    }
     .ann-big_two >
    i:hover {
         background: var(--color1);
    }
     .ann-big_two .fa-chevron-right {
    left: 45px;
    }
     .ann-big_item {
    position: relative;
    width: 100%;
    filter: contrast(0.3);
    overflow: hidden;
    }
     .swiper-slide-thumb-active .ann-big_item {
    transform: scale(1.04);
    filter: contrast(1);
    }
     .ann-big_item:
    before {
         content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    }
     .ann-big_item >
    img {
         position: relative;
    border: 1px solid var(--light);
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: var(--radius);
    }
     .ann-big_title {
    display: block;
    font-size: 14px;
    margin-top: 10px;
    }
    /* ANN PRIO */
     .ann-prio
    li {
         background: var(--bg2);
    padding: 30px;
    border-radius: var(--radius);
    }
    @media (max-width: 860px) {
         .ann-prio li {
             min-width: 260px;
        }
    }
     .ann-prio
    li span {
         display: block;
    color: var(--text2);
    margin-bottom: 15px;
    }
     .ann-prio
    li span b {
         color: var(--color1);
    margin-right: 10px;
    }
    /* ANN SECT TABS */
     .ann-sect_title {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    }
     .ann-sect_title
    h1 {
         margin-bottom: 0;
    }
     .ann-sect_title
    i {
         display: inline-block;
    background: var(--bg2);
    border-radius: var(--radius);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    margin-left: 20px;
    }
     .ann-sect_links {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    }
     .ann-sect_links
    span {
         min-width: 160px;
    background: #221d47;
    color: var(--text2);
    padding: 10px 20px;
    border-radius: var(--radius);
    font-weight: 600;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
    }
     .ann-sect_links
    span.active {
         background: var(--color1);
    color: #fff;
    }
    @media (max-width: 860px) {
         .ann-sect .tabs-content.e-grid5 {
             grid-template-columns: 1fr 1fr;
        }
    }
     .ann-short_item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 280px;
    height: 200px;
    padding: 20px;
    border-radius: var(--radius);
    overflow: hidden;
    }
    @media (max-width: 860px) {
         .ann-short_item {
             height: 230px;
        }
    }
     .ann-short_item:
    before {
         content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(180deg, #54287642 0%, #d900003b 80%);
         */
    z-index: -1;
    background: linear-gradient(149deg, #192247bd 0%, #210e1775 99.08%);
    }
     .ann-short_item .badge {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 10px;
    margin-bottom: 10px;
    }
     .ann-short_item >
    a:before {
         content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    }
     .ann-short_price >
    span {
         color: var(--text2);
    font-size: 14px;
    font-weight: 500;
    text-decoration: line-through;
    margin-left: 10px;
    }
     .ann-short_item >
    img {
         position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    /* height: 100%;
         */
    object-fit: cover;
    transition: 0.3s;
    z-index: -1;
    /* margin-top: 10px;
         */
    opacity: 0.8;
    max-height: 100px;
    /* width: 260px;
         */
    }
     .ann-short_item:
    hover img {
         transform: scale(1.1);
    }
    /* ANN HIT */
     .ann-hit_items {
    column-count: 2;
    column-gap: 10px;
    }
     .ann-hit_items .ann-hit_item:nth-child(3) {
    height: 200px;
    }
     .ann-hit_items .ann-hit_item:nth-child(2) {
    height: 200px;
    }
     .ann-hit_item {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 300px;
    border-radius: var(--radius);
    border: 1px solid var(--light);
    margin: 5px 0;
    overflow: hidden;
    }
     .ann-hit_item:
    before {
         content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(70, 11, 110, 0) 0%, var(--bg2) 80%);
    z-index: 1;
    }
     .ann-hit_item .badge {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 10px;
    margin-bottom: 10px;
    z-index: 2;
    }
     .ann-hit_content {
    position: absolute;
    bottom: 0;
    padding: 20px;
    z-index: 2;
    }
     .ann-hit_content
    h3 {
         margin-bottom: 10px}
     .ann-hit_price {
    color: var(--text2);
    font-size: 18px;
    font-weight: 600;
    }
     .ann-hit_item >
    img {
         width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
    }
     .ann-hit_item:
    hover.ann-hit_item > img {
         transform: scale(1.05)}
    /* ANN BLOG */
    @media (max-width: 560px) {
         .ann-blog .e-grid3 {
            /* grid-template-columns: 4fr;
             */
            /* grid-template-columns: repeat(2, 1fr);
             */
             flex-direction: column;
        }
    }
     .ann-blog_item {
    }
     .ann-blog_bg {
    position: relative;
    height: 200px;
    border-radius: var(--radius);
    margin-bottom: 15px;
    overflow: hidden;
    }
     .ann-blog_meta {
    display: flex;
    align-items: center;
    color: var(--text2);
    font-size: 12px;
    margin-bottom: 10px;
    }
     .ann-blog_meta
    span + span {
         margin-left: 20px;
    }
     .ann-blog_meta
    i {
         margin-right: 8px;
    }
     .ann-blog_title {
    font-size: 16px;
    line-height: 1.5;
    }
     .ann-blog_item:
    hover .ann-blog_title {
         color: var(--color1);
    }
    /* ANN FULL */
     .ann-full_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 500px;
         */
    opacity: 0.1;
    }
     .ann-full_bg:
    before {
         content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, var(--bg), transparent);
    }
     .ann-full {
    display: flex;
    align-items: flex-start;
    margin-top: 100px;
    overflow: hidden;
    }
    @media (max-width: 860px) {
         .ann-full {
             flex-direction: column;
        }
    }
     .ann-full_left {
    display: block;
    width: 300px;
    margin-right: 20px;
    }
    @media (max-width: 860px) {
         .ann-full_left {
            /* order: 2;
             */
             width: 100%;
    /* margin-right: 0;
             */
    /* margin-top: 30px;
             */
    display: block;
    /* width: 350px;
             */
    margin-right: 60px;
        }
    }
     .ann-full_poster {
    display: inline-block;
    width: 300px;
    height: 100%;
    border-radius: var(--radius);
    border: 1px solid var(--light);
    box-shadow: 0 4px 4px var(--dark);
    margin-bottom: 20px;
    overflow: hidden;
    /* background: linear-gradient(180deg, #54287642 0%, #d900003b 80%);
         */
    background: linear-gradient(149deg, #192247bd 0%, #210e1775 99.08%);
    padding: 10px;
    text-align: center;
    }
    @media (max-width: 860px) {
         .ann-full_poster, .ann-full_fav, .ann-full_janr, .ann-full_share > span {
            /* display: none!important;
             */}
    }
     .ann-full_fav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--bg2);
    padding: 5px 10px;
    border-radius: var(--radius) var(--radius) 0 0;
    color: var(--color1);
    font-weight: 600;
    }
     .ann-full_fav >
    a {
         position: relative;
    padding: 8px 15px;
    cursor: pointer;
    }
     .ann-full_fav [
    id] {
         background: var(--color1);
    color: #fff;
    border-radius: var(--radius);
    }
     .ann-full_fav [
    id]:hover {
         background: var(--color2);
    }
     .ann-full_fav
    i:not(.ann-full_fav [id] i) {
         margin-right: 8px;
    }
     .ann-full_share >
    div {
         position: absolute;
    background: #1e1e34;
    border: 1px solid var(--light);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    border-radius: var(--radius);
    width: max-content;
    padding: 10px;
    top: -70px;
    right: -10px;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    }
     .ann-full_share >
    div:before {
         content: "";
    position: absolute;
    bottom: -5px;
    left: 60%;
    width: 10px;
    height: 10px;
    background: var(--bg2);
    transform: rotate(45deg);
    }
     .ann-full_share.active >
    div {
         visibility: visible;
    opacity: 1;
    transform: translateY(10px);
    }
     .ann-full_janr {
    border: 1px solid var(--bg2);
    border-radius: 0 0 var(--radius) var(--radius);
    padding: 10px 20px;
    margin-bottom: 30px;
    }
     .ann-full_janr
    li span {
         display: inline-block;
    color: var(--text2);
    margin-right: 20px;
    min-width: 90px;
    }
     .ann-full_janr
    li {
         display: flex;
    align-items: center;
    font-size: 14px;
    margin: 5px 0;
    }
     .ann-full_rel .ann-short_item {
    /* height: 20px;
         */
    }
     .ann-full_mini, .ann-full_mini
    p {
         color: var(--text2);
    font-size: 14px;
    }
     .expand-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    }
     .expand-btn {
    display: inline-block;
    background: var(--bg2);
    color: #a5a1b2;
    padding: 8px 20px;
    border-radius: var(--radius);
    font-size: 14px;
    margin-bottom: 40px;
    }
     .ann-full_link {
    align-items: center;
    margin-top: 30px;
    }
     .ann-full_buy {
    margin-right: 20px;
    }
     .ann-full_buy >
    span {
         display: block;
    color: #50a14f;
    margin-top: 10px;
    }
     .ann-full_buy * >
    i {
         margin-right: 8px;
    }
     .ann-full_key {
    flex: 100%;
    margin-right: 30px;
    margin-bottom: 20px;
    }
     .ann-full_key >
    span {
         display: block;
    background: var(--light);
    padding: 8px 20px;
    border-radius: var(--radius);
    margin-top: 8px;
    }
     .ann-full_tip {
    margin: 40px 0;
    }
     .ann-full_tip
    span {
         display: block;
    color: var(--text2);
    font-weight: bold;
    margin-bottom: 15px;
    }
     .ann-full_text, .ann-full_text
    p {
         font-size: 14px;
    color: #cac8d1;
    }
     .ann-full_text
    p + p, .ann-full_text p + h2 {
         margin: 20px 0;
    }
     .ann-full_text
    a {
         color: var(--color1);
    }
     .ann-full_text
    ol li {
         position: relative;
    color: #a5a1b2;
    padding-left: 20px;
    margin: 15px;
    line-height: 1.5;
    }
     .ann-full_text
    ol li:before {
         content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #808191;
    border-radius: 50%;
    margin-right: 20px;
    }
     .ann-full_text
    ol li strong, .ann-full_text ol li b {
         color: var(--color3);
    }
     .ann-full_screens {
    position: relative;
    border-radius: var(--radius);
    margin-bottom: 40px;
    overflow: hidden;
    }
     .ann-full_screens > .fal {
    position: absolute;
    left: 20px;
    top: 45%;
    font-size: 30px;
    z-index: 5;
    cursor: pointer;
    }
     .ann-full_screens > .fa-chevron-right {
    left: unset;
    right: 20px;
    }
     .ann-full_screens > .swiper-button-disabled {
    display: none;
    }
     .ann-full_screens .swiper-slide {
    aspect-ratio: 16/9;
    }
     .ann-detal {
    }
     .ann-detal .tabs-links
    span {
         display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    }
     .ann-detal .tabs-links
    span + span {
         margin-left: 20px;
    }
     .ann-detal .tabs-links
    span.active {
         background: #ffffff;
    border-radius: var(--radius) var(--radius) 0 0;
    color: #ffffff;
    background: linear-gradient(149deg, #192247bd 0%, #210e1775 99.08%);
    }
     .ann-detal .tabs-content {
    /* background: var(--bg2);
         */
    padding: 10px;
    /* border-radius: var(--radius);
         */
    /* background: linear-gradient(180deg, #54287642 0%, #d900003b 80%);
         */
    background: linear-gradient(149deg, #192247bd 0%, #210e1775 99.08%);
    display: flex;
    justify-content: center;
    }
     .ann-detal >
    div:nth-child(2) {
        /* border-radius: 0 var(--radius) var(--radius);
         */}
     .ann-detal .tabs-content.dle-text
    p {
         color: var(--text2);
    }
     .ann-detal
    ul li {
         display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
    }
    @media (max-width: 860px) {
         .ann-detal ul li {
             flex-direction: column;
    align-items: flex-start;
    grid-gap: 10px;
        }
    }
     .ann-detal
    ul li span:first-child {
         color: var(--text2);
    }
    @media (max-width: 860px) {
         .ann-full_rel .e-grid2 {
             grid-template-columns: 1fr 1fr;
        }
    }
    /* TRAILER MODAL */
     .trailer-modal {
    display: none;
    position: fixed;
    background: var(--bg);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
    }
     .trailer-modal.active {
    display: block;
    }
     .trailer-modal_heading {
    padding: 20px;
    align-items: center;
    justify-content: space-between;
    }
     .trailer-modal_heading
    h4 {
         margin-bottom: 0;
    }
     .trailer-modal_heading
    i {
         display: inline-block;
    background: var(--light);
    border-radius: 10px;
    right: 0;
    top: 5px;
    font-size: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    }
     .trailer-modal_iframe {
    position: relative;
    padding-bottom: 85vh;
    }
     .trailer-modal_iframe
    iframe {
         position: absolute;
    width: 100%;
    height: 100%;
    }
    /* FULL BLOG */
     .ann-fullb_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    filter: blur(5px);
    opacity: 0.3;
    }
     .ann-fullb {
    position: relative;
    margin-top: 180px;
    overflow: hidden;
    }
     .ann-fullb_meta {
    display: flex;
    align-items: center;
    color: var(--text2);
    margin-bottom: 30px;
    }
     .ann-fullb_meta
    span i {
         margin-right: 8px;
    }
     .ann-fullb_meta
    span + span {
         margin-left: 30px;
    }
     .ann-fullb_poster {
    border-radius: var(--radius);
    overflow: hidden;
    margin: 20px 0;
    }
    /* BADGES */
     .badge {
    display: inline-block;
    border-radius: var(--radius);
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    }
     .badge-red {
    background: #e13535;
    color: #e7c7c7;
    }
     .badge-blue {
    background: #2c2554;
    color: #9e88f5;
    }
     .badge-yellow {
    background: #cdb645;
    color: #080803;
    }
    /* RATING COLOR */
     .rating-color {
    background-color: #3bb33b;
    box-shadow: 0 4px 9px rgb(59 179 59 / 50%);
    }
     .rating-color.low {
    background: #e13535;
    box-shadow: 0 4px 9px rgb(225 53 53 / 50%);
    }
     .rating-color.middle {
    background: #ff6702;
    box-shadow: 0 4px 9px rgb(255 103 2 / 50%);
    }
     .rating-color1 {
    color: #3bb33b;
    font-weight: bold;
    }
     .rating-color1.low {
    color: #e13535;
    }
     .rating-color1.middle {
    color: #ff6702;
    }
    /* FOOTER */
    footer {
         position: relative;
    /* background: var(--bg2);
         */
    color: #fff;
    padding-top: 20px;
    }
     .footer-soc, .footer-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 20px;
    }
     .footer-soc >
    a {
         display: inline-block;
    background: var(--light);
    color: #a3a7bc;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 25px;
    text-align: center;
    }
     .footer-soc >
    a:hover {
         background: var(--color1);
    color: var(--text1);
    }
     .footer-menu >
    a {
         color: #a3a7bc;
    font-size: 14px;
    }
     .footer-menu >
    a:hover {
         color: var(--color1);
    }
     .footer-menu >
    a + a, .footer-soc > a + a {
         margin-left: 20px;
    }
     .footer-down {
    border-top: 1px solid var(--light);
    padding: 15px 0;
    margin-top: 30px;
    }
     .footer-down .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
     .footer-down .container >
    span {
         opacity: 0.4;
    font-size: 12px;
    }
     .footer-down >
    a, .footer-down a > img {
         display: inline-block;
    width: 80px;
    height: auto;
    }
     .footer-dev {
    color: #797882;
    font-size: 12px;
    }
     .footer-dev >
    a {
         color: var(--color1);
    margin-left: 5px;
    }
    ;
}
 .ann-detal .tabs-content {
    /* background: var(--bg2);
     */
    padding: 10px 10px 0px 10px;
    /* border-radius: var(--radius);
     */
    /* background: linear-gradient(180deg, #54287642 0%, #d900003b 80%);
     */
    background: linear-gradient(149deg, #1922475e 0%, #18000b75 99.08%);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 0px;
}
 .ann-detal >
    div:nth-child(2) {
    /* border-radius: 0 var(--radius) var(--radius);
     */}
 .ann-detal .tabs-content.dle-text
    p {
     color: var(--text2);
}
 .ann-detal
    ul li {
     display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
}
    @media (max-width: 860px) {
     .ann-detal ul li {
         flex-direction: column;
    align-items: flex-start;
    grid-gap: 10px;
    }
}
 .ann-detal
    ul li span:first-child {
     color: var(--text2);
}
    @media (max-width: 860px) {
     .ann-full_rel .e-grid2 {
         grid-template-columns: 1fr 1fr;
    }
}
/* TRAILER MODAL */
 .trailer-modal {
    display: none;
    position: fixed;
    background: var(--bg);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
}
 .trailer-modal.active {
    display: block;
}
 .trailer-modal_heading {
    padding: 20px;
    align-items: center;
    justify-content: space-between;
}
 .trailer-modal_heading
    h4 {
     margin-bottom: 0;
}
 .trailer-modal_heading
    i {
     display: inline-block;
    background: var(--light);
    border-radius: 10px;
    right: 0;
    top: 5px;
    font-size: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}
 .trailer-modal_iframe {
    position: relative;
    padding-bottom: 85vh;
}
 .trailer-modal_iframe
    iframe {
     position: absolute;
    width: 100%;
    height: 100%;
}
/* FULL BLOG */
 .ann-fullb_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    filter: blur(5px);
    opacity: 0.3;
}
 .ann-fullb {
    position: relative;
    margin-top: 180px;
    overflow: hidden;
}
 .ann-fullb_meta {
    display: flex;
    align-items: center;
    color: var(--text2);
    margin-bottom: 30px;
}
 .ann-fullb_meta
    span i {
     margin-right: 8px;
}
 .ann-fullb_meta
    span + span {
     margin-left: 30px;
}
 .ann-fullb_poster {
    border-radius: var(--radius);
    overflow: hidden;
    margin: 20px 0;
}
/* BADGES */
 .badge {
    display: inline-block;
    border-radius: var(--radius);
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
 .badge-red {
    background: #e13535;
    color: #e7c7c7;
}
 .badge-blue {
    background: #2c2554;
    color: #9e88f5;
}
 .badge-yellow {
    background: #cdb645;
    color: #080803;
}
/* RATING COLOR */
 .rating-color {
    background-color: #3bb33b;
    box-shadow: 0 4px 9px rgb(59 179 59 / 50%);
}
 .rating-color.low {
    background: #e13535;
    box-shadow: 0 4px 9px rgb(225 53 53 / 50%);
}
 .rating-color.middle {
    background: #ff6702;
    box-shadow: 0 4px 9px rgb(255 103 2 / 50%);
}
 .rating-color1 {
    color: #3bb33b;
    font-weight: bold;
}
 .rating-color1.low {
    color: #e13535;
}
 .rating-color1.middle {
    color: #ff6702;
}
/* FOOTER */
    footer {
     position: relative;
    /* background: var(--bg2);
     */
    color: #fff;
    padding-top: 20px;
}
 .footer-soc, .footer-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 20px;
}
 .footer-soc >
    a {
     display: inline-block;
    background: var(--light);
    color: #a3a7bc;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 25px;
    text-align: center;
}
 .footer-soc >
    a:hover {
     background: var(--color1);
    color: var(--text1);
}
 .footer-menu >
    a {
     color: #a3a7bc;
    font-size: 14px;
}
 .footer-menu >
    a:hover {
     color: var(--color1);
}
 .footer-menu >
    a + a, .footer-soc > a + a {
     margin-left: 20px;
}
 .footer-down {
    border-top: 1px solid var(--light);
    padding: 15px 0;
    margin-top: 30px;
}
 .footer-down .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
 .footer-down .container >
    span {
     opacity: 0.4;
    font-size: 12px;
}
 .footer-down >
    a, .footer-down a > img {
     display: inline-block;
    width: 80px;
    height: auto;
}
 .footer-dev {
    color: #797882;
    font-size: 12px;
}
 .footer-dev >
    a {
     color: var(--color1);
    margin-left: 5px;
}
/* Hover items*/
 .ann-short_item {
    position: relative;
    /* background: linear-gradient(149deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%);
     */
    transition: background-position 0.5s ease-in-out;
    background-size: 100% 200%;
}
 .ann-short_item:
    hover {
     background-position: 100% 100%;
}
/* Hover items */
 ::
    -webkit-scrollbar {
     width: 8px;
    height: 12px;
}
/* fix Scroll barre */
 ::
    -webkit-scrollbar-track {
     /* background: #4c4548; */
     border-radius: 10px;
}
 ::
    -webkit-scrollbar-thumb {
     background: #d90000;
    border-radius: 10px;
    transition: background-color 0.3s;
}
 ::
    -webkit-scrollbar-thumb:hover {
     background: #b20000;
}
/* force icone */
 .fa-chevron-left:
    before {
     margin-right: 5px !important;
}
 .fa-chevron-right:
    before {
     margin-right: 5px !important;
}
 .fa-regular, .far {
    font-weight: 800 !important;
}
 .holographic-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background: #000;
}
 .holographic-card {
    /* height: 200px; */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    transition: all 0.5s ease;
    min-width: 180px;
    margin: 5px;
    max-width: 180px;
}
 .holographic-card
    h2 {
     color: #0ff;
    font-size: 2rem;
    position: relative;
    z-index: 2;
}
 .holographic-card::
    before {
     content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(0deg, transparent, transparent 30%, #ffffff26);
    /* transform: rotate(-45deg);
     */
    /* transition: all 0.5s ease;
     */
    /* opacity: 0;
     */
}
 .holographic-card:
    hover {
     transform: scale(1.05);
}
 .holographic-card:
    hover::before {
    /* opacity: 1;
     */
    /* transform: rotate(-45deg) translateY(100%);
     */}
 .ann-detal .tabs-links-bottom
    span.active {
    /* background: #ffffff;
     */
    /* border-radius: var(--radius) var(--radius) 0 0;
     */
    color: #ffffff;
    /* background: linear-gradient(149deg, #ac0000bd 0%, #66003075 99.08%);
     */
    /* background: linear-gradient(45deg, rgb(25 34 71 / 41%) 0%, rgb(33 14 23) 99.08%);
     */
    background: linear-gradient(45deg, rgb(33 14 23) 0%, rgb(25 34 71 / 41%) 99.08%);
    display: grid;
    border-radius: 0 0 var(--radius) var(--radius);
}
 .ann-detal .tabs-links-bottom
    span {
     display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}
.scroll-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* Espace entre les flèches et la grille */
}

.scroll-container {
    width: 100%; /* Ajuste selon ton besoin */
    display: flex;
    flex-wrap: wrap;
}

.e-grid3 {
    display: flex;
    grid-template-columns: repeat(6, 1fr);
    overflow-x: hidden;
    /* scroll-behavior: smooth; */
    white-space: nowrap;
    padding: 20px 20px 20px 0px;
    /* width: 100%; */
    flex-wrap: nowrap;
}

/* Style des boutons */
.scroll-btn {
    /* background: rgb(217 0 0); */
    color: white;
    border: none;
    cursor: pointer;
    font-size: 20px;
    padding: 5px 10px;
    border-radius: 50%;
    transition: background 0.3s;
}

.scroll-btn:
    hover {
    background: rgb(217 0 0);
}
    @media (max-width: 960px) {
.scroll-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
}
    @media (max-width: 460px) {
    .scroll-container {
        width: 100%;
    display: flex;
    flex-wrap: wrap;
    }
}
.scrollbar {
    display: flex;
    justify-content: space-between;
    margin-left: 5px;
}
.scroll-container {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch; /* Améliore le scroll sur iOS */
}
.iframe-container {
    position: relative;
    width: 100%;  /* Toujours prendre toute la largeur */
    padding-top: 56.25%; /* Ratio 16:9 (9 / 16 * 100) */
    overflow: hidden;
    /* border-radius: 15px; */
}

.iframe-container
    iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* border-radius: 15px; */
}
.carousel1 {
    border: 1px solid var(--bg2);
    border-radius: 0 0 var(--radius) var(--radius);
    padding: 10px 0px;
    background: rgb(255 255 255 / 2%);
    backdrop-filter: blur(25px);
}

.e-grid-cat {
    display: flex;
    grid-template-columns: repeat(6, 1fr);
    white-space: nowrap;
    padding: 20px 20px 20px 0px;
    white-space: nowrap;
    padding: 20px 20px 20px 0px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
}
.e-grid3 {
    scroll-behavior: smooth; /* Cette propriété permet un défilement fluide natif */
    transition: scroll-left 0.3s ease; /* Transition fluide avec une durée de 0.3s */
}
    @media (max-width: 1200px) {
    .ann-full_rel .e-grid2 {
        flex-wrap: wrap;
    }
}
.fullheader {
    display: flex;
    margin-top: 80px;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.titleheader {
    margin: 20px;
}

.ann-big {
    overflow: hidden;
    position: relative;
    max-width: 1200px;
    max-height: 400px;
    margin: 0 auto;
    border: 1px solid var(--bg2);
}

/* Vidéo en background */
.ann-big-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Remplit tout le div sans déformation */
    z-index: -1; /* Derrière le contenu */
}

/* Contenu positionné en bas à gauche */
.ann-big-content {
    position: absolute;
    bottom: 0; /* Place le contenu en bas */
    text-align: left; /* Aligne le texte à gauche */
    color: white;
    z-index: 1; /* Assure que le texte et le bouton sont au-dessus de la vidéo */
    padding: 20px;
    width: 100%; /* Définir la largeur du contenu */
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Overlay semi-transparent sous le texte */
.ann-big-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(13 5 20 / 55%); /* Opacité de 0.4 */
    z-index: -1; /* Derrière le texte */
}

/* Style du titre */
.ann-big-content
    h1 {
    font-size: 2.5rem;
    font-weight: bold;
    /* margin-bottom: 10px; */
}

/* Style de la description */
.ann-big-content
    p {
    font-size: 1.25rem;
    /* margin-bottom: 20px; */
}
.custom-btn {
    /* background: #dbc8c838; */
    width: 120px;
    line-height: 43px;
    height: 43px;
    border-radius: var(--radius);
    font-weight: bold;
    text-align: center;
    /* cursor: pointer; */
    display: block;
    backdrop-filter: blur(25px);
    border: 1px solid var(--light);
}
.custom-btn:
    hover {
     background: #d90000e6;
};
}

.scroll-btn:hover {
    background: rgb(217 0 0);
}
 @media (max-width: 960px) {
.scroll-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
}
@media (max-width: 460px) {
    .scroll-container {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
}
.scrollbar {
	display: flex;
    justify-content: space-between;
    margin-left: 5px;
}
.scroll-container {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch; /* Améliore le scroll sur iOS */
}
.iframe-container {
    position: relative;
    width: 100%;  /* Toujours prendre toute la largeur */
    padding-top: 56.25%; /* Ratio 16:9 (9 / 16 * 100) */
    overflow: hidden;
    /* border-radius: 15px; */
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* border-radius: 15px; */
}
.carousel1 {
    border: 1px solid var(--bg2);
    border-radius: 0 0 var(--radius) var(--radius);
    padding: 10px 0px;
    background: rgb(255 255 255 / 2%);
    backdrop-filter: blur(25px);
}

.e-grid-cat {
    display: flex;
    grid-template-columns: repeat(6, 1fr);
    white-space: nowrap;
    padding: 20px 20px 20px 0px;
    white-space: nowrap;
    padding: 20px 20px 20px 0px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
}
.e-grid3 {
    scroll-behavior: smooth; /* Cette propriété permet un défilement fluide natif */
    transition: scroll-left 0.3s ease; /* Transition fluide avec une durée de 0.3s */
}
@media (max-width: 1200px) {
    .ann-full_rel .e-grid2 {
        flex-wrap: wrap;
    }
}
.fullheader {
	display: flex;
	margin-top: 60px;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}
.titleheader {
margin: 20px;
}

.ann-big {
    overflow: hidden;
    position: relative;
    max-width: 1200px;
    max-height: 400px;
    margin: 0 auto;
    border: 1px solid var(--bg2);
}

/* Vidéo en background */
.ann-big-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Remplit tout le div sans déformation */
    z-index: -1; /* Derrière le contenu */
}

/* Contenu positionné en bas à gauche */
.ann-big-content {
    position: absolute;
    bottom: 0; /* Place le contenu en bas */
    text-align: left; /* Aligne le texte à gauche */
    color: white;
    z-index: 1; /* Assure que le texte et le bouton sont au-dessus de la vidéo */
    padding: 20px;
    width: 100%; /* Définir la largeur du contenu */
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Overlay semi-transparent sous le texte */
.ann-big-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(13 5 20 / 55%); /* Opacité de 0.4 */
    z-index: -1; /* Derrière le texte */
}

/* Style du titre */
.ann-big-content h1 {
    font-size: 2.5rem;
    font-weight: bold;
    /* margin-bottom: 10px; */
}

/* Style de la description */
.ann-big-content p {
    font-size: 1.25rem;
    /* margin-bottom: 20px; */
}
.custom-btn {
    width: 120px;
    line-height: 43px;
    height: 43px;
    border-radius: var(--radius);
    font-weight: bold;
    text-align: center;
    /* cursor: pointer; */
    display: block;
    backdrop-filter: blur(25px);
    border: 1px solid var(--light);
    background: #dbc8c814;
    
    
/* STYLES 6.0 Developer: t.me/moretheme Screen resolution: 460, 860, 1440, 1920 */
 :
    root {
     --bg: #141426;
    --bg2: #1e1e34;
    --text: #fff;
    --text1: #000;
    --text2: #9c9cbb;
    --color1: #d90000;
    --color2: #d90000e3;
    --light: rgb(255 255 255 / 10%);
    --light2: rgb(255 255 255 / 30%);
    --dark: rgb(0 0 0 / 30%);
    --radius: 12px;
}
    body {
    /* background: url(/templates/witv/images/bf027f4b-58f3-4770-94d5-53f13b2d2f1b.webp);
     */
    color: var(--text);
    line-height: normal;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 500;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background: linear-gradient(to bottom, rgb(0 0 0 / 88%), rgb(0 0 0 / 90%)), url(https://img.freepik.com/free-vector/realistic-polygonal-background_52683-60791.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    min-height: 100px;
    margin: 0;
    padding: 0;
    background-color: black;
}
/* HEADER */
    header {
     position: relative;
    background: linear-gradient(0deg,rgba(17,17,19,0),rgb(17 17 24 / 100%));
    width: 100%;
    top: 0;
    /* padding: 10px 0; */
}
    header.fixed {
     position: fixed;
    z-index: 7;
}
    header .container {
     display: flex;
    align-items: center;
    justify-content: space-between;
}
 .header-logo, .header-logo
    img {
     width: 110px;
    object-fit: contain;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 10px;
    margin-top: 5px;
}
 .header-link, .header-link
    img {
     display: inline-block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-right: 15px;
}
    @media (max-width: 860px) {
     .header-link {
         display: none;
    }
}
/* CATALOG */
 .catalog-btn {
    /* background: #dbc8c838; */
    width: 120px;
    line-height: 43px;
    height: 43px;
    border-radius: var(--radius);
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    display: block;
    margin-left: 30px;
    backdrop-filter: blur(25px);
    border: 1px solid var(--light);
    background: #dbc8c814;
}
    @media (max-width: 860px) {
     .catalog-btn {
         /* margin-left: auto; */
         min-width: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    }
}
 .catalog-btn:
    hover {
     background: #d90000e6;
}
 .catalog-btn
    span {
     margin-left: 10px;
}
    @media (max-width: 860px) {
     .catalog-btn span {
         display: none;
    }
}
 .catalog-btn.active
    i:before {
     content: "\f00d";
}
 .catalog {
    position: absolute;
    /* background: var(--bg2); */
    color: var(--text);
    padding: 20px;
    box-shadow: 0 12px 24px rgb(0 0 0 / 15%);
    border-radius: var(--radius);
    max-width: 360px;
    top: 100%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    z-index: 8;
    border: 1px solid var(--bg2);
    border-radius: 0 0 var(--radius) var(--radius);
    background: rgb(255 255 255 / 2%);
    backdrop-filter: blur(25px);
}
 .catalog:
    before {
     content: "";
    position: absolute;
    top: -5px;
    left: 40%;
    width: 10px;
    height: 10px;
    background: var(--bg2);
    transform: rotate(45deg);
}
    @media (max-width: 860px) {
     .catalog:before {
         left: 60%;
    }
     .catalog {
    right: 0;
    left: auto;
    }
}
 .catalog.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(10px);
    border: 1px solid var(--bg2);
    border-radius: 0 0 var(--radius) var(--radius);
}
 .catalog >
    a {
     display: inline-block;
    min-width: 150px;
    max-width: 150px;
    padding: 5px;
}
 .catalog >
    a:hover {
     color: var(--color1);
}
/* MOB MENU 0.3 */
 .mobmenu-btn {
    display: none;
}
    @media (max-width: 860px) {
     .mobmenu-btn {
         display: block;
    background: var(--color1);
    border-radius: var(--radius);
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    margin-left: 10px;
    }
     .mobmenu-btn.active:
    before {
         content: "\f00d";
    }
     .mobmenu-btn.active {
    z-index: 9;
    }
     .mobmenu {
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    top: 0;
    right: -300px;
    width: 240px;
    height: 100%;
    margin-left: 0;
    background: var(--bg);
    transition: 0.3s;
    overflow-y: auto;
    z-index: 8;
    }
     .mobmenu.active {
    display: flex;
    align-items: flex-start;
    right: 0;
    padding: 20px;
    border-radius: 0;
    }
     .mobmenu a + div, .mobmenu a {
    display: block;
    width: 100%;
    }
     .mobmenu div > div {
    display: none;
    width: 100%;
    top: 0;
    column-count: 1;
    }
     .mobmenu div > a.active + div {
    position: relative;
    display: block;
    opacity: 1;
    visibility: visible;
    }
}
/* HEADER SEARCH */
 .header-search {
    position: relative;
    display: flex;
    align-items: center;
    backdrop-filter: blur(25px);
    border: 1px solid var(--light);
    border-radius: var(--radius);
    padding-left: 20px;
    margin-left: 30px;
    margin-right: auto;
    transition: 0.3s;
    z-index: 7;
    background: #dbc8c814;
}
    @media (max-width: 860px) {
     .header-search {
         margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    width: 40%;
    }
     .header-search.active {
    position: fixed;
    background: var(--bg2);
    padding: 10px;
    border-radius: 0;
    top: 0;
    left: 0;
    width: 100%;
    margin-left: 0;
    }
}
 .header-search_icon {
    display: inline-block;
    color: var(--text);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
}
 .header-search
    input {
     background: transparent;
    padding: 0;
    border-radius: 0;
    width: 300px;
    height: inherit;
    line-height: inherit;
    font-weight: 400;
}
    @media (max-width: 860px) {
     .header-search input {}
     .header-search_icon {
    order: -1;
    color: var(--light);
    }
}
 .header-search
    input::placeholder {
     color: var(--light2);
}
 .header-search.active
    input, .header-search.active .header-search_close {
     display: inline-block;
}
 .header-search_close {
    display: none;
}
    @media (max-width: 860px) {
     .header-search_close {
         display: none;
    position: absolute;
    opacity: 0.6;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 25px;
    text-align: center;
    }
}
/* HEADER USER */
 .header-user >
    a {
     display: flex;
    align-items: center;
    cursor: pointer;
}
 .header-user >
    a img {
     width: 40px;
    height: 40px;
}
 .header-user >
    a span {
     margin-left: 10px;
    font-weight: bold;
}
 .header-user >
    div {
     position: absolute;
    /* background: var(--bg2); */
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    border-radius: var(--radius);
    width: 220px;
    top: 100%;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    overflow: hidden;
    z-index: 6;
}
 .header-user.active >
    div {
     visibility: visible;
    opacity: 1;
    transform: translateY(10px);
    border: 1px solid var(--bg2);
    border-radius: 0 0 var(--radius) var(--radius);
    background: rgb(255 255 255 / 2%);
    backdrop-filter: blur(25px);
}
 .header-user_av {
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid var(--light);
}
 .header-user_av >
    img {
     width: 34px;
    height: 35px;
    object-fit: cover;
    border-radius: 50%;
}
 .header-user_av >
    span {
     flex: 1 1 0%;
    max-width: 100%;
    min-width: 50px;
    margin-left: 10px;
    font-weight: bold;
}
 .header-user_av >
    span span {
     display: block;
    font-size: 12px;
}
 .header-user_menu
    a {
     display: block;
    padding: 10px 20px;
    font-size: 12px;
}
 .header-user_menu
    a:hover {
     background: var(--color1);
    color: var(--text);
}
 .header-user_menu
    a i {
     margin-right: 10px;
    opacity: 0.8;
}
/* MODAL LOGIN 0.2 */
 .modal-login >
    a {
     display: flex;
    align-items: center;
    color: var(--text2);
    cursor: pointer;
}
 .modal-login >
    a i, .modal-login > a img {
     margin-right: 10px;
    margin-top: 1px;
    float: left;
}
 .modal-login
    form {
     display: none;
    position: fixed;
    min-width: 500px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background: var(--bg);
    padding: 40px 80px;
    border-radius: var(--radius);
    text-align: center;
    z-index: 9;
}
    @media (max-width: 860px) {
     .modal-login form {
         min-width: 100%;
    padding: 30px;
    border-radius: 0;
    }
}
 .modal-login
    form > i {
     position: absolute;
    top: 20px;
    right: 20px;
    background: var(--light);
    border-radius: var(--radius);
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
}
 .modal-login
    form > i:hover {
     background: var(--color1);
}
 .modal-login .e-float >
    a {
     position: absolute;
    top: 15px;
    right: 15px;
    border-bottom: 1px dotted #20a8d8;
}
 .modal-login_lost {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #c5c5c5;
    margin-bottom: 20px;
}
 .modal-login_lost
    a:hover {
     color: var(--color1);
}
 .modal-login_btn
    a {
     background: var(--light);
    margin-left: 20px;
}
 .modal-login_btn
    a:hover {
     background: var(--light2);
}
 .modal-login_soc
    span {
     display: block;
    color: #767389;
    margin: 20px 0;
}
 .modal-login_soc .e-flex {
    align-items: center;
    justify-content: center;
}
 .modal-login_soc .e-flex >
    a, .modal-login_soc .e-flex a > img {
     width: 40px;
    height: 40px;
    margin: 0 10px;
}
/* ANN BIG */
 .ann-big {
    /* Centre le background */
    /* Couvre tout l'élément sans déformer le fond */
    /* Centre l'élément */
    overflow: hidden;
    max-width: 1200px;
    background-position: center;
    background-size: cover;
    margin: 0 auto;
    /* Masque pour faire disparaître le div vers le bas */
    mask-image: linear-gradient(to bottom, rgb(0 0 0 / 23%) 20%, rgb(0 0 0) 100%);
    max-height: 400px;
    border: 1px solid var(--bg2);
}
 .ann-big_one {
    height: 400px;
}
 .ann-big_one .swiper-slide:
    before {
     content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(1deg, #14142600, transparent 80%), linear-gradient(90deg, #1d0912d9, transparent 100%), linear-gradient(275deg, rgb(2 0 7 / 50%), transparent), linear-gradient(209deg, #020007, transparent 40%);
    z-index: 1;
}
 .ann-big_content {
    position: relative;
    padding: 120px 0;
    z-index: 2;
}
    @media (max-width: 860px) {
     .ann-big_content {
        /* padding: 80px 0 0;
         */}
}
 .ann-big_content > .badge {
    margin-bottom: 20px;
}
 .ann-big_content
    h1, .ann-big_content h2 {
     margin-bottom: 10px;
}
 .ann-big_text {
    max-width: 600px;
    color: var(--text2);
    font-size: 16px;
}
 .ann-big_link {
    align-items: center;
    margin-bottom: 10px;
}
    @media (max-width: 860px) {
     .ann-big_link {
         display: block;
    }
}
 .ann-big_link .e-btn {
    margin-right: 20px;
}
    @media (max-width: 860px) {
     .ann-big_link .e-btn {
         margin-right: 0;
    margin-bottom: 20px;
    }
}
 .ann-big_link > *
    i {
     margin-right: 8px;
}
 .ann-price {
    font-size: 25px;
    font-weight: bold;
}
 .ann-price >
    span {
     color: var(--text2);
    font-size: 16px;
    font-weight: 500;
    text-decoration: line-through;
    margin-left: 10px;
}
 .ann-big_one
    img {
     position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
 .ann-big_two {
    position: absolute;
    bottom: 0;
    right: 40px;
    width: 600px;
    padding: 60px 10px;
    overflow: hidden;
}
    @media (max-width: 1200px) {
     .ann-big_two {
         display: none;
    }
}
 .ann-big_two >
    i {
     position: absolute;
    background: var(--light);
    backdrop-filter: blur(10px);
    border: 1px solid var(--light2);
    border-radius: var(--radius);
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    z-index: 2;
    cursor: pointer;
}
 .ann-big_two >
    i:hover {
     background: var(--color1);
}
 .ann-big_two .fa-chevron-right {
    left: 45px;
}
 .ann-big_item {
    position: relative;
    width: 100%;
    filter: contrast(0.3);
    overflow: hidden;
}
 .swiper-slide-thumb-active .ann-big_item {
    transform: scale(1.04);
    filter: contrast(1);
}
 .ann-big_item:
    before {
     content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
 .ann-big_item >
    img {
     position: relative;
    border: 1px solid var(--light);
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: var(--radius);
}
 .ann-big_title {
    display: block;
    font-size: 14px;
    margin-top: 10px;
}
/* ANN PRIO */
 .ann-prio
    li {
     background: var(--bg2);
    padding: 30px;
    border-radius: var(--radius);
}
    @media (max-width: 860px) {
     .ann-prio li {
         min-width: 260px;
    }
}
 .ann-prio
    li span {
     display: block;
    color: var(--text2);
    margin-bottom: 15px;
}
 .ann-prio
    li span b {
     color: var(--color1);
    margin-right: 10px;
}
/* ANN SECT TABS */
 .ann-sect_title {
    display: flex;
    align-items: center;
    margin: 0px 0px 0px 15px;
}
 .ann-sect_title
    h1 {
     margin-bottom: 0;
}
 .ann-sect_title
    i {
     display: inline-block;
    border-radius: var(--radius);
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 10px;
    margin-left: 15px;
    gap: 20px;
    backdrop-filter: blur(25px);
    border: 1px solid var(--light);
    background: #dbc8c814;
}
 .ann-sect_links {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
 .ann-sect_links
    span {
     min-width: 160px;
    background: #221d47;
    color: var(--text2);
    padding: 10px 20px;
    border-radius: var(--radius);
    font-weight: 600;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
}
 .ann-sect_links
    span.active {
     background: var(--color1);
    color: #fff;
}
    @media (max-width: 860px) {
     .ann-sect .tabs-content.e-grid5 {
         grid-template-columns: 1fr 1fr;
    }
}
 .ann-short_item {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 205px;
    height: 140px;
    padding: 10px;
    border-radius: var(--radius);
    overflow: hidden;
    justify-content: flex-end;
    align-items: center;
}
    @media (max-width: 860px) {
     .ann-short_item {
        /* height: 230px;
         */}
}
 .ann-short_item:
    before {
     content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #ffffff1f 0%, #ffffff0f 80%);
    z-index: -1;
    /* background: linear-gradient(149deg, #ededed30 0%, #210e1700 99.08%);
     */
    /* background: linear-gradient(149deg, #1922475e 0%, #210e17 99.08%);
     */
}
 .ann-short_item .badge {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 10px;
    margin-bottom: 10px;
}
 .ann-short_item >
    a:before {
     content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}
 .ann-short_price >
    span {
     color: var(--text2);
    font-size: 14px;
    font-weight: 500;
    text-decoration: line-through;
    margin-left: 10px;
}
 .ann-short_item >
    img {
     position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 60px;
    object-fit: cover;
    transition: 0.3s;
    z-index: -1;
    /* margin-top: 10px;
     */
    opacity: 0.8;
    /* max-height: 100px; */
    /* width: 260px; */
}
 .ann-short_item:
    hover img {
     transform: scale(1.1);
}
/* ANN HIT */
 .ann-hit_items {
    column-count: 2;
    column-gap: 10px;
}
 .ann-hit_items .ann-hit_item:nth-child(3) {
    height: 200px;
}
 .ann-hit_items .ann-hit_item:nth-child(2) {
    height: 200px;
}
 .ann-hit_item {
    position: relative;
    display: inline-block;
    max-width: 260px;
    height: 120px;
    /* border-radius: var(--radius);
     */
    border: 1px solid var(--light);
    margin: 5px 0;
    overflow: hidden;
}
 .ann-hit_item:
    before {
     content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 120px;
    background: linear-gradient(180deg, rgba(70, 11, 110, 0) 0%, var(--bg2) 80%);
    z-index: 1;
}
 .ann-hit_item .badge {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 10px;
    margin-bottom: 10px;
    z-index: 2;
}
 .ann-hit_content {
    position: absolute;
    bottom: 0;
    /* padding: 10px;
     */
    z-index: 2;
    margin-left: 10px;
}
 .ann-hit_content
    h3 {
     margin-bottom: 10px;
}
 .ann-hit_price {
    color: var(--text2);
    font-size: 18px;
    font-weight: 600;
}
 .ann-hit_item >
    img {
     width: 180px;
    max-height: 80px;
    object-fit: cover;
    transition: 0.3s;
}
 .ann-hit_item:
    hover.ann-hit_item > img {
     transform: scale(1.05)}
/* ANN BLOG */
    @media (max-width: 860px) {
     .ann-blog .e-grid3 {
        /* grid-template-columns: 4fr;
         */
        /* grid-template-columns: repeat(2, 1fr);
         */
        /* flex-direction: column;
         */
        /* justify-content: center; */
        align-items: center;
    /* width: 100%; */
    }
}
 .ann-blog_item {
}
 .ann-blog_bg {
    position: relative;
    height: 200px;
    border-radius: var(--radius);
    margin-bottom: 15px;
    overflow: hidden;
}
 .ann-blog_meta {
    display: flex;
    align-items: center;
    color: var(--text2);
    font-size: 12px;
    margin-bottom: 10px;
}
 .ann-blog_meta
    span + span {
     margin-left: 20px;
}
 .ann-blog_meta
    i {
     margin-right: 8px;
}
 .ann-blog_title {
    font-size: 16px;
    line-height: 1.5;
}
 .ann-blog_item:
    hover .ann-blog_title {
     color: var(--color1);
}
/* ANN FULL */
 .ann-full_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 500px;
     */
    opacity: 0.1;
}
 .ann-full_bg:
    before {
     content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, var(--bg), transparent);
}
 .ann-full {
    display: flex;
    align-items: flex-start;
    /* margin-top: 0px;
     */
    overflow: hidden;
}
    @media (max-width: 860px) {
     .ann-full {
         flex-direction: column;
    }
}
 .ann-full_left {
    display: block;
    width: 300px;
    margin-right: 20px;
}
    @media (max-width: 860px) {
     .ann-full_left {
        /* order: 2;
         */
         width: 100%;
    /* margin-right: 0;
         */
    /* margin-top: 30px;
         */
    display: block;
    /* width: 350px;
         */
    margin-right: 60px;
    }
}
 .ann-full_poster {
    display: flex;
    /* width: 300px;
     */
    height: 100px;
    border-radius: var(--radius);
    border: 1px solid var(--light);
    box-shadow: 0 4px 4px var(--dark);
    margin-bottom: 10px;
    overflow: hidden;
    /* background: linear-gradient(180deg, #54287642 0%, #d900003b 80%);
     */
    /* background: linear-gradient(149deg, #192247bd 0%, #210e1775 99.08%);
     */
    /* padding: 10px;
     */
    text-align: center;
    background: linear-gradient(180deg, #ffffff1f 0%, #ffffff0f 80%);
}
    @media (max-width: 860px) {
     .ann-full_poster, .ann-full_fav, .ann-full_janr, .ann-full_share > span {
        /* display: none!important;
         */}
}
 .ann-full_fav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--bg2);
    padding: 5px 10px;
    border-radius: var(--radius) var(--radius) 0 0;
    color: var(--color1);
    font-weight: 600;
}
 .ann-full_fav >
    a {
     position: relative;
    padding: 8px 15px;
    cursor: pointer;
}
 .ann-full_fav [
    id] {
     background: var(--color1);
    color: #fff;
    border-radius: var(--radius);
}
 .ann-full_fav [
    id]:hover {
     background: var(--color2);
}
 .ann-full_fav
    i:not(.ann-full_fav [id] i) {
     margin-right: 8px;
}
 .ann-full_share >
    div {
     position: absolute;
    background: #1e1e34;
    border: 1px solid var(--light);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    border-radius: var(--radius);
    width: max-content;
    padding: 10px;
    top: -70px;
    right: -10px;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
}
 .ann-full_share >
    div:before {
     content: "";
    position: absolute;
    bottom: -5px;
    left: 60%;
    width: 10px;
    height: 10px;
    background: var(--bg2);
    transform: rotate(45deg);
}
 .ann-full_share.active >
    div {
     visibility: visible;
    opacity: 1;
    transform: translateY(10px);
}
 .ann-full_janr {
    border: 1px solid var(--bg2);
    border-radius: 0 0 var(--radius) var(--radius);
    padding: 10px 20px;
    margin-bottom: 30px;
    background: rgb(255 255 255 / 2%);
    backdrop-filter: blur(25px);
}
 .ann-full_janr
    li span {
     display: inline-block;
    color: var(--text2);
    margin-right: 20px;
    min-width: 90px;
}
 .ann-full_janr
    li {
     display: flex;
    align-items: center;
    font-size: 14px;
    margin: 5px 0;
}
 .ann-full_rel .ann-short_item {
    /* height: 20px;
     */
}
 .ann-full_mini, .ann-full_mini
    p {
     color: var(--text2);
    font-size: 14px;
}
 .expand-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
 .expand-btn {
    display: inline-block;
    background: var(--bg2);
    color: #a5a1b2;
    padding: 8px 20px;
    border-radius: var(--radius);
    font-size: 14px;
    margin-bottom: 40px;
}
 .ann-full_link {
    align-items: center;
    margin-top: 30px;
}
 .ann-full_buy {
    margin-right: 20px;
}
 .ann-full_buy >
    span {
     display: block;
    color: #50a14f;
    margin-top: 10px;
}
 .ann-full_buy * >
    i {
     margin-right: 8px;
}
 .ann-full_key {
    flex: 100%;
    margin-right: 30px;
    margin-bottom: 20px;
}
 .ann-full_key >
    span {
     display: block;
    background: var(--light);
    padding: 8px 20px;
    border-radius: var(--radius);
    margin-top: 8px;
}
 .ann-full_tip {
    margin: 40px 0;
}
 .ann-full_tip
    span {
     display: block;
    color: var(--text2);
    font-weight: bold;
    margin-bottom: 15px;
}
 .ann-full_text, .ann-full_text
    p {
     font-size: 14px;
    color: #cac8d1;
}
 .ann-full_text
    p + p, .ann-full_text p + h2 {
     margin: 20px 0;
}
 .ann-full_text
    a {
     color: var(--color1);
}
 .ann-full_text
    ol li {
     position: relative;
    color: #a5a1b2;
    padding-left: 20px;
    margin: 15px;
    line-height: 1.5;
}
 .ann-full_text
    ol li:before {
     content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #808191;
    border-radius: 50%;
    margin-right: 20px;
}
 .ann-full_text
    ol li strong, .ann-full_text ol li b {
     color: var(--color3);
}
 .ann-full_screens {
    position: relative;
    border-radius: var(--radius);
    margin-bottom: 40px;
    overflow: hidden;
}
 .ann-full_screens > .fal {
    position: absolute;
    left: 20px;
    top: 45%;
    font-size: 30px;
    z-index: 5;
    cursor: pointer;
}
 .ann-full_screens > .fa-chevron-right {
    left: unset;
    right: 20px;
}
 .ann-full_screens > .swiper-button-disabled {
    display: none;
}
 .ann-full_screens .swiper-slide {
    aspect-ratio: 16/9;
}
 .ann-detal {
    border: 1px solid var(--bg2);
    border-radius: 0 0 var(--radius) var(--radius);
    /* padding: 10px 0px; */}
 .ann-detal .tabs-links
    span {
     display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}
 .ann-detal .tabs-links
    span + span {
     margin-left: 20px;
}
 .ann-detal .tabs-links
    span.active {
     background: #ffffff;
    /* border-radius: var(--radius) var(--radius) 0 0; */
    color: #ffffff;
    /* background: linear-gradient(149deg, #ac0000bd 0%, #66003075 99.08%);
     */
    background: linear-gradient(45deg, rgb(25 34 71 / 41%) 0%, rgb(33 14 23) 99.08%);
    width: 100%;
     
     
     
     
     
    /* STYLES 6.0 Developer: t.me/moretheme Screen resolution: 460, 860, 1440, 1920 */
     :
    root {
         --bg: #141426;
    --bg2: #1e1e34;
    --text: #fff;
    --text1: #000;
    --text2: #9c9cbb;
    --color1: #d90000;
    --color2: #a52373;
    --light: rgb(255 255 255 / 10%);
    --light2: rgb(255 255 255 / 30%);
    --dark: rgb(0 0 0 / 30%);
    --radius: 12px;
    }
    body {
        /* background: url(/templates/witv/images/bf027f4b-58f3-4770-94d5-53f13b2d2f1b.webp);
         */
         color: var(--text);
    line-height: normal;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 500;
    background: linear-gradient(rgb(0 0 0), rgb(0 0 0 / 84%)), url(/templates/witv/images/bf027f4b-58f3-4770-94d5-53f13b2d2f1b.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    }
    /* HEADER */
    header {
         position: relative;
    background: linear-gradient(0deg,rgba(17,17,19,0),rgb(17 17 24 / 100%));
    width: 100%;
    top: 0;
    padding: 10px 0;
    }
    header.fixed {
         position: fixed;
    z-index: 7;
    }
    header .container {
         display: flex;
    align-items: center;
    justify-content: space-between;
    }
     .header-logo, .header-logo
    img {
         width: 90px;
    height: 70px;
    object-fit: contain;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 60px;
    }
     .header-link, .header-link
    img {
         display: inline-block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-right: 15px;
    }
    @media (max-width: 860px) {
         .header-link {
             display: none;
        }
    }
    /* CATALOG */
     .catalog-btn {
    background: #d90000;
    width: 140px;
    line-height: 43px;
    height: 43px;
    border-radius: var(--radius);
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    }
    @media (max-width: 860px) {
         .catalog-btn {
             margin-left: auto;
    min-width: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
        }
    }
     .catalog-btn:
    hover {
         background: #d90000e6;
    }
     .catalog-btn
    span {
         margin-left: 10px;
    }
    @media (max-width: 860px) {
         .catalog-btn span {
             display: none;
        }
    }
     .catalog-btn.active
    i:before {
         content: "\f00d";
    }
     .catalog {
    position: absolute;
    background: var(--bg2);
    color: var(--text);
    padding: 20px;
    box-shadow: 0 12px 24px rgb(0 0 0 / 15%);
    border-radius: var(--radius);
    max-width: 360px;
    top: 100%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    z-index: 8;
    }
     .catalog:
    before {
         content: "";
    position: absolute;
    top: -5px;
    left: 40%;
    width: 10px;
    height: 10px;
    background: var(--bg2);
    transform: rotate(45deg);
    }
    @media (max-width: 860px) {
         .catalog:before {
             left: 60%;
        }
         .catalog {
    right: 0;
    left: auto;
        }
    }
     .catalog.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(10px);
    }
     .catalog >
    a {
         display: inline-block;
    min-width: 150px;
    max-width: 150px;
    padding: 5px;
    }
     .catalog >
    a:hover {
         color: var(--color1);
    }
    /* MOB MENU 0.3 */
     .mobmenu-btn {
    display: none;
    }
    @media (max-width: 860px) {
         .mobmenu-btn {
             display: block;
    background: var(--color1);
    border-radius: var(--radius);
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    margin-left: 10px;
        }
         .mobmenu-btn.active:
    before {
             content: "\f00d";
        }
         .mobmenu-btn.active {
    z-index: 9;
        }
         .mobmenu {
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    top: 0;
    right: -300px;
    width: 240px;
    height: 100%;
    margin-left: 0;
    background: var(--bg);
    transition: 0.3s;
    overflow-y: auto;
    z-index: 8;
        }
         .mobmenu.active {
    display: flex;
    align-items: flex-start;
    right: 0;
    padding: 20px;
    border-radius: 0;
        }
         .mobmenu a + div, .mobmenu a {
    display: block;
    width: 100%;
        }
         .mobmenu div > div {
    display: none;
    width: 100%;
    top: 0;
    column-count: 1;
        }
         .mobmenu div > a.active + div {
    position: relative;
    display: block;
    opacity: 1;
    visibility: visible;
        }
    }
    /* HEADER SEARCH */
     .header-search {
    position: relative;
    display: flex;
    align-items: center;
    background: var(--light);
    backdrop-filter: blur(25px);
    border: 1px solid var(--light);
    border-radius: var(--radius);
    padding-left: 20px;
    margin-left: 30px;
    margin-right: auto;
    transition: 0.3s;
    z-index: 7;
    }
    @media (max-width: 860px) {
         .header-search {
             margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
        }
         .header-search.active {
    position: fixed;
    background: var(--bg2);
    padding: 10px;
    border-radius: 0;
    top: 0;
    left: 0;
    width: 100%;
    margin-left: 0;
        }
    }
     .header-search_icon {
    display: inline-block;
    color: var(--text);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    }
     .header-search
    input {
         background: transparent;
    padding: 0;
    border-radius: 0;
    width: 300px;
    height: inherit;
    line-height: inherit;
    font-weight: 400;
    }
    @media (max-width: 860px) {
         .header-search input {
             display: none;
        }
         .header-search_icon {
    order: -1;
    color: var(--light);
        }
    }
     .header-search
    input::placeholder {
         color: var(--light2);
    }
     .header-search.active
    input, .header-search.active .header-search_close {
         display: inline-block;
    }
     .header-search_close {
    display: none;
    }
    @media (max-width: 860px) {
         .header-search_close {
             display: none;
    position: absolute;
    opacity: 0.6;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 25px;
    text-align: center;
        }
    }
    /* HEADER USER */
     .header-user >
    a {
         display: flex;
    align-items: center;
    cursor: pointer;
    }
     .header-user >
    a img {
         width: 40px;
    height: 40px;
    }
     .header-user >
    a span {
         margin-left: 10px;
    font-weight: bold;
    }
     .header-user >
    div {
         position: absolute;
    background: var(--bg2);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    border-radius: var(--radius);
    width: 220px;
    top: 100%;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    overflow: hidden;
    z-index: 6;
    }
     .header-user.active >
    div {
         visibility: visible;
    opacity: 1;
    transform: translateY(10px);
    }
     .header-user_av {
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid var(--light);
    }
     .header-user_av >
    img {
         width: 34px;
    height: 35px;
    object-fit: cover;
    border-radius: 50%;
    }
     .header-user_av >
    span {
         flex: 1 1 0%;
    max-width: 100%;
    min-width: 50px;
    margin-left: 10px;
    font-weight: bold;
    }
     .header-user_av >
    span span {
         display: block;
    font-size: 12px;
    }
     .header-user_menu
    a {
         display: block;
    padding: 10px 20px;
    font-size: 12px;
    }
     .header-user_menu
    a:hover {
         background: var(--color1);
    color: var(--text);
    }
     .header-user_menu
    a i {
         margin-right: 10px;
    opacity: 0.8;
    }
    /* MODAL LOGIN 0.2 */
     .modal-login >
    a {
         display: flex;
    align-items: center;
    color: var(--text2);
    cursor: pointer;
    }
     .modal-login >
    a i, .modal-login > a img {
         margin-right: 10px;
    margin-top: 1px;
    float: left;
    }
     .modal-login
    form {
         display: none;
    position: fixed;
    min-width: 500px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background: var(--bg);
    padding: 40px 80px;
    border-radius: var(--radius);
    text-align: center;
    z-index: 9;
    }
    @media (max-width: 860px) {
         .modal-login form {
             min-width: 100%;
    padding: 30px;
    border-radius: 0;
        }
    }
     .modal-login
    form > i {
         position: absolute;
    top: 20px;
    right: 20px;
    background: var(--light);
    border-radius: var(--radius);
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    }
     .modal-login
    form > i:hover {
         background: var(--color1);
    }
     .modal-login .e-float >
    a {
         position: absolute;
    top: 15px;
    right: 15px;
    border-bottom: 1px dotted #20a8d8;
    }
     .modal-login_lost {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #c5c5c5;
    margin-bottom: 20px;
    }
     .modal-login_lost
    a:hover {
         color: var(--color1);
    }
     .modal-login_btn
    a {
         background: var(--light);
    margin-left: 20px;
    }
     .modal-login_btn
    a:hover {
         background: var(--light2);
    }
     .modal-login_soc
    span {
         display: block;
    color: #767389;
    margin: 20px 0;
    }
     .modal-login_soc .e-flex {
    align-items: center;
    justify-content: center;
    }
     .modal-login_soc .e-flex >
    a, .modal-login_soc .e-flex a > img {
         width: 40px;
    height: 40px;
    margin: 0 10px;
    }
    /* ANN BIG */
     .ann-big {
    position: relative;
    overflow: hidden;
    }
     .ann-big_one {
    height: 500px;
    }
     .ann-big_one .swiper-slide:
    before {
         content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, var(--bg), transparent 80%), linear-gradient(90deg, var(--bg), transparent 100%), linear-gradient(0deg, rgb(14 17 26 / 100%), transparent), linear-gradient(270deg, var(--bg), transparent 40%);
    z-index: 1;
    }
     .ann-big_content {
    position: relative;
    padding: 180px 0;
    z-index: 2;
    }
    @media (max-width: 860px) {
         .ann-big_content {
             padding: 150px 0 0;
        }
    }
     .ann-big_content > .badge {
    margin-bottom: 30px;
    }
     .ann-big_content
    h1, .ann-big_content h2 {
         margin-bottom: 10px;
    }
     .ann-big_text {
    max-width: 600px;
    color: var(--text2);
    font-size: 16px;
    }
     .ann-big_link {
    align-items: center;
    margin-top: 30px;
    }
    @media (max-width: 860px) {
         .ann-big_link {
             display: block;
        }
    }
     .ann-big_link .e-btn {
    margin-right: 20px;
    }
    @media (max-width: 860px) {
         .ann-big_link .e-btn {
             margin-right: 0;
    margin-bottom: 20px;
        }
    }
     .ann-big_link > *
    i {
         margin-right: 8px;
    }
     .ann-price {
    font-size: 25px;
    font-weight: bold;
    }
     .ann-price >
    span {
         color: var(--text2);
    font-size: 16px;
    font-weight: 500;
    text-decoration: line-through;
    margin-left: 10px;
    }
     .ann-big_one
    img {
         position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    }
     .ann-big_two {
    position: absolute;
    bottom: 0;
    right: 40px;
    width: 600px;
    padding: 60px 10px;
    overflow: hidden;
    }
    @media (max-width: 1200px) {
         .ann-big_two {
             display: none;
        }
    }
     .ann-big_two >
    i {
         position: absolute;
    background: var(--light);
    backdrop-filter: blur(10px);
    border: 1px solid var(--light2);
    border-radius: var(--radius);
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    z-index: 2;
    cursor: pointer;
    }
     .ann-big_two >
    i:hover {
         background: var(--color1);
    }
     .ann-big_two .fa-chevron-right {
    left: 45px;
    }
     .ann-big_item {
    position: relative;
    width: 100%;
    filter: contrast(0.3);
    overflow: hidden;
    }
     .swiper-slide-thumb-active .ann-big_item {
    transform: scale(1.04);
    filter: contrast(1);
    }
     .ann-big_item:
    before {
         content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    }
     .ann-big_item >
    img {
         position: relative;
    border: 1px solid var(--light);
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: var(--radius);
    }
     .ann-big_title {
    display: block;
    font-size: 14px;
    margin-top: 10px;
    }
    /* ANN PRIO */
     .ann-prio
    li {
         background: var(--bg2);
    padding: 30px;
    border-radius: var(--radius);
    }
    @media (max-width: 860px) {
         .ann-prio li {
             min-width: 260px;
        }
    }
     .ann-prio
    li span {
         display: block;
    color: var(--text2);
    margin-bottom: 15px;
    }
     .ann-prio
    li span b {
         color: var(--color1);
    margin-right: 10px;
    }
    /* ANN SECT TABS */
     .ann-sect_title {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    }
     .ann-sect_title
    h1 {
         margin-bottom: 0;
    }
     .ann-sect_title
    i {
         display: inline-block;
    background: var(--bg2);
    border-radius: var(--radius);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    margin-left: 20px;
    }
     .ann-sect_links {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    }
     .ann-sect_links
    span {
         min-width: 160px;
    background: #221d47;
    color: var(--text2);
    padding: 10px 20px;
    border-radius: var(--radius);
    font-weight: 600;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
    }
     .ann-sect_links
    span.active {
         background: var(--color1);
    color: #fff;
    }
    @media (max-width: 860px) {
         .ann-sect .tabs-content.e-grid5 {
             grid-template-columns: 1fr 1fr;
        }
    }
     .ann-short_item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 280px;
    height: 200px;
    padding: 20px;
    border-radius: var(--radius);
    overflow: hidden;
    }
    @media (max-width: 860px) {
         .ann-short_item {
             height: 230px;
        }
    }
     .ann-short_item:
    before {
         content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(180deg, #54287642 0%, #d900003b 80%);
         */
    z-index: -1;
    background: linear-gradient(149deg, #192247bd 0%, #210e1775 99.08%);
    }
     .ann-short_item .badge {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 10px;
    margin-bottom: 10px;
    }
     .ann-short_item >
    a:before {
         content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    }
     .ann-short_price >
    span {
         color: var(--text2);
    font-size: 14px;
    font-weight: 500;
    text-decoration: line-through;
    margin-left: 10px;
    }
     .ann-short_item >
    img {
         position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    /* height: 100%;
         */
    object-fit: cover;
    transition: 0.3s;
    z-index: -1;
    /* margin-top: 10px;
         */
    opacity: 0.8;
    max-height: 100px;
    /* width: 260px;
         */
    }
     .ann-short_item:
    hover img {
         transform: scale(1.1);
    }
    /* ANN HIT */
     .ann-hit_items {
    column-count: 2;
    column-gap: 10px;
    }
     .ann-hit_items .ann-hit_item:nth-child(3) {
    height: 200px;
    }
     .ann-hit_items .ann-hit_item:nth-child(2) {
    height: 200px;
    }
     .ann-hit_item {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 300px;
    border-radius: var(--radius);
    border: 1px solid var(--light);
    margin: 5px 0;
    overflow: hidden;
    }
     .ann-hit_item:
    before {
         content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(70, 11, 110, 0) 0%, var(--bg2) 80%);
    z-index: 1;
    }
     .ann-hit_item .badge {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 10px;
    margin-bottom: 10px;
    z-index: 2;
    }
     .ann-hit_content {
    position: absolute;
    bottom: 0;
    padding: 20px;
    z-index: 2;
    }
     .ann-hit_content
    h3 {
         margin-bottom: 10px}
     .ann-hit_price {
    color: var(--text2);
    font-size: 18px;
    font-weight: 600;
    }
     .ann-hit_item >
    img {
         width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
    }
     .ann-hit_item:
    hover.ann-hit_item > img {
         transform: scale(1.05)}
    /* ANN BLOG */
    @media (max-width: 560px) {
         .ann-blog .e-grid3 {
            /* grid-template-columns: 4fr;
             */
            /* grid-template-columns: repeat(2, 1fr);
             */
             flex-direction: column;
        }
    }
     .ann-blog_item {
    }
     .ann-blog_bg {
    position: relative;
    height: 200px;
    border-radius: var(--radius);
    margin-bottom: 15px;
    overflow: hidden;
    }
     .ann-blog_meta {
    display: flex;
    align-items: center;
    color: var(--text2);
    font-size: 12px;
    margin-bottom: 10px;
    }
     .ann-blog_meta
    span + span {
         margin-left: 20px;
    }
     .ann-blog_meta
    i {
         margin-right: 8px;
    }
     .ann-blog_title {
    font-size: 16px;
    line-height: 1.5;
    }
     .ann-blog_item:
    hover .ann-blog_title {
         color: var(--color1);
    }
    /* ANN FULL */
     .ann-full_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 500px;
         */
    opacity: 0.1;
    }
     .ann-full_bg:
    before {
         content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, var(--bg), transparent);
    }
     .ann-full {
    display: flex;
    align-items: flex-start;
    margin-top: 100px;
    overflow: hidden;
    }
    @media (max-width: 860px) {
         .ann-full {
             flex-direction: column;
        }
    }
     .ann-full_left {
    display: block;
    width: 300px;
    margin-right: 20px;
    }
    @media (max-width: 860px) {
         .ann-full_left {
            /* order: 2;
             */
             width: 100%;
    /* margin-right: 0;
             */
    /* margin-top: 30px;
             */
    display: block;
    /* width: 350px;
             */
    margin-right: 60px;
        }
    }
     .ann-full_poster {
    display: inline-block;
    width: 300px;
    height: 100%;
    border-radius: var(--radius);
    border: 1px solid var(--light);
    box-shadow: 0 4px 4px var(--dark);
    margin-bottom: 20px;
    overflow: hidden;
    /* background: linear-gradient(180deg, #54287642 0%, #d900003b 80%);
         */
    background: linear-gradient(149deg, #192247bd 0%, #210e1775 99.08%);
    padding: 10px;
    text-align: center;
    }
    @media (max-width: 860px) {
         .ann-full_poster, .ann-full_fav, .ann-full_janr, .ann-full_share > span {
            /* display: none!important;
             */}
    }
     .ann-full_fav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--bg2);
    padding: 5px 10px;
    border-radius: var(--radius) var(--radius) 0 0;
    color: var(--color1);
    font-weight: 600;
    }
     .ann-full_fav >
    a {
         position: relative;
    padding: 8px 15px;
    cursor: pointer;
    }
     .ann-full_fav [
    id] {
         background: var(--color1);
    color: #fff;
    border-radius: var(--radius);
    }
     .ann-full_fav [
    id]:hover {
         background: var(--color2);
    }
     .ann-full_fav
    i:not(.ann-full_fav [id] i) {
         margin-right: 8px;
    }
     .ann-full_share >
    div {
         position: absolute;
    background: #1e1e34;
    border: 1px solid var(--light);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    border-radius: var(--radius);
    width: max-content;
    padding: 10px;
    top: -70px;
    right: -10px;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    }
     .ann-full_share >
    div:before {
         content: "";
    position: absolute;
    bottom: -5px;
    left: 60%;
    width: 10px;
    height: 10px;
    background: var(--bg2);
    transform: rotate(45deg);
    }
     .ann-full_share.active >
    div {
         visibility: visible;
    opacity: 1;
    transform: translateY(10px);
    }
     .ann-full_janr {
    border: 1px solid var(--bg2);
    border-radius: 0 0 var(--radius) var(--radius);
    padding: 10px 20px;
    margin-bottom: 30px;
    }
     .ann-full_janr
    li span {
         display: inline-block;
    color: var(--text2);
    margin-right: 20px;
    min-width: 90px;
    }
     .ann-full_janr
    li {
         display: flex;
    align-items: center;
    font-size: 14px;
    margin: 5px 0;
    }
     .ann-full_rel .ann-short_item {
    /* height: 20px;
         */
    }
     .ann-full_mini, .ann-full_mini
    p {
         color: var(--text2);
    font-size: 14px;
    }
     .expand-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    }
     .expand-btn {
    display: inline-block;
    background: var(--bg2);
    color: #a5a1b2;
    padding: 8px 20px;
    border-radius: var(--radius);
    font-size: 14px;
    margin-bottom: 40px;
    }
     .ann-full_link {
    align-items: center;
    margin-top: 30px;
    }
     .ann-full_buy {
    margin-right: 20px;
    }
     .ann-full_buy >
    span {
         display: block;
    color: #50a14f;
    margin-top: 10px;
    }
     .ann-full_buy * >
    i {
         margin-right: 8px;
    }
     .ann-full_key {
    flex: 100%;
    margin-right: 30px;
    margin-bottom: 20px;
    }
     .ann-full_key >
    span {
         display: block;
    background: var(--light);
    padding: 8px 20px;
    border-radius: var(--radius);
    margin-top: 8px;
    }
     .ann-full_tip {
    margin: 40px 0;
    }
     .ann-full_tip
    span {
         display: block;
    color: var(--text2);
    font-weight: bold;
    margin-bottom: 15px;
    }
     .ann-full_text, .ann-full_text
    p {
         font-size: 14px;
    color: #cac8d1;
    }
     .ann-full_text
    p + p, .ann-full_text p + h2 {
         margin: 20px 0;
    }
     .ann-full_text
    a {
         color: var(--color1);
    }
     .ann-full_text
    ol li {
         position: relative;
    color: #a5a1b2;
    padding-left: 20px;
    margin: 15px;
    line-height: 1.5;
    }
     .ann-full_text
    ol li:before {
         content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #808191;
    border-radius: 50%;
    margin-right: 20px;
    }
     .ann-full_text
    ol li strong, .ann-full_text ol li b {
         color: var(--color3);
    }
     .ann-full_screens {
    position: relative;
    border-radius: var(--radius);
    margin-bottom: 40px;
    overflow: hidden;
    }
     .ann-full_screens > .fal {
    position: absolute;
    left: 20px;
    top: 45%;
    font-size: 30px;
    z-index: 5;
    cursor: pointer;
    }
     .ann-full_screens > .fa-chevron-right {
    left: unset;
    right: 20px;
    }
     .ann-full_screens > .swiper-button-disabled {
    display: none;
    }
     .ann-full_screens .swiper-slide {
    aspect-ratio: 16/9;
    }
     .ann-detal {
    }
     .ann-detal .tabs-links
    span {
         display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    }
     .ann-detal .tabs-links
    span + span {
         margin-left: 20px;
    }
     .ann-detal .tabs-links
    span.active {
         background: #ffffff;
    border-radius: var(--radius) var(--radius) 0 0;
    color: #ffffff;
    background: linear-gradient(149deg, #192247bd 0%, #210e1775 99.08%);
    }
     .ann-detal .tabs-content {
    /* background: var(--bg2);
         */
    padding: 10px;
    /* border-radius: var(--radius);
         */
    /* background: linear-gradient(180deg, #54287642 0%, #d900003b 80%);
         */
    background: linear-gradient(149deg, #192247bd 0%, #210e1775 99.08%);
    display: flex;
    justify-content: center;
    }
     .ann-detal >
    div:nth-child(2) {
        /* border-radius: 0 var(--radius) var(--radius);
         */}
     .ann-detal .tabs-content.dle-text
    p {
         color: var(--text2);
    }
     .ann-detal
    ul li {
         display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
    }
    @media (max-width: 860px) {
         .ann-detal ul li {
             flex-direction: column;
    align-items: flex-start;
    grid-gap: 10px;
        }
    }
     .ann-detal
    ul li span:first-child {
         color: var(--text2);
    }
    @media (max-width: 860px) {
         .ann-full_rel .e-grid2 {
             grid-template-columns: 1fr 1fr;
        }
    }
    /* TRAILER MODAL */
     .trailer-modal {
    display: none;
    position: fixed;
    background: var(--bg);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
    }
     .trailer-modal.active {
    display: block;
    }
     .trailer-modal_heading {
    padding: 20px;
    align-items: center;
    justify-content: space-between;
    }
     .trailer-modal_heading
    h4 {
         margin-bottom: 0;
    }
     .trailer-modal_heading
    i {
         display: inline-block;
    background: var(--light);
    border-radius: 10px;
    right: 0;
    top: 5px;
    font-size: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    }
     .trailer-modal_iframe {
    position: relative;
    padding-bottom: 85vh;
    }
     .trailer-modal_iframe
    iframe {
         position: absolute;
    width: 100%;
    height: 100%;
    }
    /* FULL BLOG */
     .ann-fullb_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    filter: blur(5px);
    opacity: 0.3;
    }
     .ann-fullb {
    position: relative;
    margin-top: 180px;
    overflow: hidden;
    }
     .ann-fullb_meta {
    display: flex;
    align-items: center;
    color: var(--text2);
    margin-bottom: 30px;
    }
     .ann-fullb_meta
    span i {
         margin-right: 8px;
    }
     .ann-fullb_meta
    span + span {
         margin-left: 30px;
    }
     .ann-fullb_poster {
    border-radius: var(--radius);
    overflow: hidden;
    margin: 20px 0;
    }
    /* BADGES */
     .badge {
    display: inline-block;
    border-radius: var(--radius);
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    }
     .badge-red {
    background: #e13535;
    color: #e7c7c7;
    }
     .badge-blue {
    background: #2c2554;
    color: #9e88f5;
    }
     .badge-yellow {
    background: #cdb645;
    color: #080803;
    }
    /* RATING COLOR */
     .rating-color {
    background-color: #3bb33b;
    box-shadow: 0 4px 9px rgb(59 179 59 / 50%);
    }
     .rating-color.low {
    background: #e13535;
    box-shadow: 0 4px 9px rgb(225 53 53 / 50%);
    }
     .rating-color.middle {
    background: #ff6702;
    box-shadow: 0 4px 9px rgb(255 103 2 / 50%);
    }
     .rating-color1 {
    color: #3bb33b;
    font-weight: bold;
    }
     .rating-color1.low {
    color: #e13535;
    }
     .rating-color1.middle {
    color: #ff6702;
    }
    /* FOOTER */
    footer {
         position: relative;
    /* background: var(--bg2);
         */
    color: #fff;
    padding-top: 20px;
    }
     .footer-soc, .footer-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 20px;
    }
     .footer-soc >
    a {
         display: inline-block;
    background: var(--light);
    color: #a3a7bc;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 25px;
    text-align: center;
    }
     .footer-soc >
    a:hover {
         background: var(--color1);
    color: var(--text1);
    }
     .footer-menu >
    a {
         color: #a3a7bc;
    font-size: 14px;
    }
     .footer-menu >
    a:hover {
         color: var(--color1);
    }
     .footer-menu >
    a + a, .footer-soc > a + a {
         margin-left: 20px;
    }
     .footer-down {
    border-top: 1px solid var(--light);
    padding: 15px 0;
    margin-top: 30px;
    }
     .footer-down .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
     .footer-down .container >
    span {
         opacity: 0.4;
    font-size: 12px;
    }
     .footer-down >
    a, .footer-down a > img {
         display: inline-block;
    width: 80px;
    height: auto;
    }
     .footer-dev {
    color: #797882;
    font-size: 12px;
    }
     .footer-dev >
    a {
         color: var(--color1);
    margin-left: 5px;
    }
    ;
}
 .ann-detal .tabs-content {
    /* background: var(--bg2);
     */
    padding: 10px 10px 0px 10px;
    /* border-radius: var(--radius);
     */
    /* background: linear-gradient(180deg, #54287642 0%, #d900003b 80%);
     */
    background: linear-gradient(149deg, #1922475e 0%, #18000b75 99.08%);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 0px;
}
 .ann-detal >
    div:nth-child(2) {
    /* border-radius: 0 var(--radius) var(--radius);
     */}
 .ann-detal .tabs-content.dle-text
    p {
     color: var(--text2);
}
 .ann-detal
    ul li {
     display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
}
    @media (max-width: 860px) {
     .ann-detal ul li {
         flex-direction: column;
    align-items: flex-start;
    grid-gap: 10px;
    }
}
 .ann-detal
    ul li span:first-child {
     color: var(--text2);
}
    @media (max-width: 860px) {
     .ann-full_rel .e-grid2 {
         grid-template-columns: 1fr 1fr;
    }
}
/* TRAILER MODAL */
 .trailer-modal {
    display: none;
    position: fixed;
    background: var(--bg);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
}
 .trailer-modal.active {
    display: block;
}
 .trailer-modal_heading {
    padding: 20px;
    align-items: center;
    justify-content: space-between;
}
 .trailer-modal_heading
    h4 {
     margin-bottom: 0;
}
 .trailer-modal_heading
    i {
     display: inline-block;
    background: var(--light);
    border-radius: 10px;
    right: 0;
    top: 5px;
    font-size: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}
 .trailer-modal_iframe {
    position: relative;
    padding-bottom: 85vh;
}
 .trailer-modal_iframe
    iframe {
     position: absolute;
    width: 100%;
    height: 100%;
}
/* FULL BLOG */
 .ann-fullb_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    filter: blur(5px);
    opacity: 0.3;
}
 .ann-fullb {
    position: relative;
    margin-top: 180px;
    overflow: hidden;
}
 .ann-fullb_meta {
    display: flex;
    align-items: center;
    color: var(--text2);
    margin-bottom: 30px;
}
 .ann-fullb_meta
    span i {
     margin-right: 8px;
}
 .ann-fullb_meta
    span + span {
     margin-left: 30px;
}
 .ann-fullb_poster {
    border-radius: var(--radius);
    overflow: hidden;
    margin: 20px 0;
}
/* BADGES */
 .badge {
    display: inline-block;
    border-radius: var(--radius);
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
 .badge-red {
    background: #e13535;
    color: #e7c7c7;
}
 .badge-blue {
    background: #2c2554;
    color: #9e88f5;
}
 .badge-yellow {
    background: #cdb645;
    color: #080803;
}
/* RATING COLOR */
 .rating-color {
    background-color: #3bb33b;
    box-shadow: 0 4px 9px rgb(59 179 59 / 50%);
}
 .rating-color.low {
    background: #e13535;
    box-shadow: 0 4px 9px rgb(225 53 53 / 50%);
}
 .rating-color.middle {
    background: #ff6702;
    box-shadow: 0 4px 9px rgb(255 103 2 / 50%);
}
 .rating-color1 {
    color: #3bb33b;
    font-weight: bold;
}
 .rating-color1.low {
    color: #e13535;
}
 .rating-color1.middle {
    color: #ff6702;
}
/* FOOTER */
    footer {
     position: relative;
    /* background: var(--bg2);
     */
    color: #fff;
    padding-top: 20px;
}
 .footer-soc, .footer-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 20px;
}
 .footer-soc >
    a {
     display: inline-block;
    background: var(--light);
    color: #a3a7bc;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 25px;
    text-align: center;
}
 .footer-soc >
    a:hover {
     background: var(--color1);
    color: var(--text1);
}
 .footer-menu >
    a {
     color: #a3a7bc;
    font-size: 14px;
}
 .footer-menu >
    a:hover {
     color: var(--color1);
}
 .footer-menu >
    a + a, .footer-soc > a + a {
     margin-left: 20px;
}
 .footer-down {
    border-top: 1px solid var(--light);
    padding: 15px 0;
    margin-top: 30px;
}
 .footer-down .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
 .footer-down .container >
    span {
     opacity: 0.4;
    font-size: 12px;
}
 .footer-down >
    a, .footer-down a > img {
     display: inline-block;
    width: 80px;
    height: auto;
}
 .footer-dev {
    color: #797882;
    font-size: 12px;
}
 .footer-dev >
    a {
     color: var(--color1);
    margin-left: 5px;
}
/* Hover items*/
 .ann-short_item {
    position: relative;
    /* background: linear-gradient(149deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%);
     */
    transition: background-position 0.5s ease-in-out;
    background-size: 100% 200%;
}
 .ann-short_item:
    hover {
     background-position: 100% 100%;
}
/* Hover items */
 ::
    -webkit-scrollbar {
     width: 8px;
    height: 12px;
}
/* fix Scroll barre */
 ::
    -webkit-scrollbar-track {
     /* background: #4c4548; */
     border-radius: 10px;
}
 ::
    -webkit-scrollbar-thumb {
     background: #d90000;
    border-radius: 10px;
    transition: background-color 0.3s;
}
 ::
    -webkit-scrollbar-thumb:hover {
     background: #b20000;
}
/* force icone */
 .fa-chevron-left:
    before {
     margin-right: 5px !important;
}
 .fa-chevron-right:
    before {
     margin-right: 5px !important;
}
 .fa-regular, .far {
    font-weight: 800 !important;
}
 .holographic-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background: #000;
}
 .holographic-card {
    /* height: 200px; */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    transition: all 0.5s ease;
    min-width: 180px;
    margin: 5px;
    max-width: 180px;
}
 .holographic-card
    h2 {
     color: #0ff;
    font-size: 2rem;
    position: relative;
    z-index: 2;
}
 .holographic-card::
    before {
     content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(0deg, transparent, transparent 30%, #ffffff26);
    /* transform: rotate(-45deg);
     */
    /* transition: all 0.5s ease;
     */
    /* opacity: 0;
     */
}
 .holographic-card:
    hover {
     transform: scale(1.05);
}
 .holographic-card:
    hover::before {
    /* opacity: 1;
     */
    /* transform: rotate(-45deg) translateY(100%);
     */}
 .ann-detal .tabs-links-bottom
    span.active {
    /* background: #ffffff;
     */
    /* border-radius: var(--radius) var(--radius) 0 0;
     */
    color: #ffffff;
    /* background: linear-gradient(149deg, #ac0000bd 0%, #66003075 99.08%);
     */
    /* background: linear-gradient(45deg, rgb(25 34 71 / 41%) 0%, rgb(33 14 23) 99.08%);
     */
    background: linear-gradient(45deg, rgb(33 14 23) 0%, rgb(25 34 71 / 41%) 99.08%);
    display: grid;
    border-radius: 0 0 var(--radius) var(--radius);
}
 .ann-detal .tabs-links-bottom
    span {
     display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}
.scroll-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* Espace entre les flèches et la grille */
}

.scroll-container {
    width: 100%; /* Ajuste selon ton besoin */
    display: flex;
    flex-wrap: wrap;
}

.e-grid3 {
    display: flex;
    grid-template-columns: repeat(6, 1fr);
    overflow-x: hidden;
    /* scroll-behavior: smooth; */
    white-space: nowrap;
    padding: 20px 20px 20px 0px;
    /* width: 100%; */
    flex-wrap: nowrap;
}

/* Style des boutons */
.scroll-btn {
    color: white;
    border: none;
    cursor: pointer;
    font-size: 20px;
    padding: 3px 8px;
    border-radius: 50%;
    transition: background 0.3s;
    backdrop-filter: blur(25px);
    border: 1px solid var(--light);
    margin: 5px;
    background: #dbc8c814;
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
/* STYLES 6.0 Developer: t.me/moretheme Screen resolution: 460, 860, 1440, 1920 */
 :
    root {
     --bg: #141426;
    --bg2: #1e1e34;
    --text: #fff;
    --text1: #000;
    --text2: #9c9cbb;
    --color1: #d90000;
    --color2: #d90000e3;
    --light: rgb(255 255 255 / 10%);
    --light2: rgb(255 255 255 / 30%);
    --dark: rgb(0 0 0 / 30%);
    --radius: 12px;
}
    body {
    /* background: url(/templates/witv/images/bf027f4b-58f3-4770-94d5-53f13b2d2f1b.webp);
     */
    color: var(--text);
    line-height: normal;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 500;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background: linear-gradient(to bottom, rgb(0 0 0 / 88%), rgb(0 0 0 / 90%)), url(https://img.freepik.com/free-vector/realistic-polygonal-background_52683-60791.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    min-height: 100px;
    margin: 0;
    padding: 0;
    background-color: black;
}
/* HEADER */
    header {
     position: relative;
    background: linear-gradient(0deg,rgba(17,17,19,0),rgb(17 17 24 / 100%));
    width: 100%;
    top: 0;
    /* padding: 10px 0; */
}
    header.fixed {
     position: fixed;
    z-index: 7;
}
    header .container {
     display: flex;
    align-items: center;
    justify-content: space-between;
}
 .header-logo, .header-logo
    img {
     width: 110px;
    object-fit: contain;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    margin-left: 10px;
    margin-top: 5px;
}
 .header-link, .header-link
    img {
     display: inline-block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-right: 15px;
}
    @media (max-width: 860px) {
     .header-link {
         display: none;
    }
}
/* CATALOG */
 .catalog-btn {
    /* background: #dbc8c838; */
    width: 120px;
    line-height: 43px;
    height: 43px;
    border-radius: var(--radius);
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    display: block;
    margin-left: 30px;
    backdrop-filter: blur(25px);
    border: 1px solid var(--light);
}
    @media (max-width: 860px) {
     .catalog-btn {
         /* margin-left: auto; */
         min-width: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    }
}
 .catalog-btn:
    hover {
     background: #d90000e6;
}
 .catalog-btn
    span {
     margin-left: 10px;
}
    @media (max-width: 860px) {
     .catalog-btn span {
         display: none;
    }
}
 .catalog-btn.active
    i:before {
     content: "\f00d";
}
 .catalog {
    position: absolute;
    /* background: var(--bg2); */
    color: var(--text);
    padding: 20px;
    box-shadow: 0 12px 24px rgb(0 0 0 / 15%);
    border-radius: var(--radius);
    max-width: 360px;
    top: 100%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    z-index: 8;
    border: 1px solid var(--bg2);
    border-radius: 0 0 var(--radius) var(--radius);
    background: rgb(255 255 255 / 2%);
    backdrop-filter: blur(25px);
}
 .catalog:
    before {
     content: "";
    position: absolute;
    top: -5px;
    left: 40%;
    width: 10px;
    height: 10px;
    background: var(--bg2);
    transform: rotate(45deg);
}
    @media (max-width: 860px) {
     .catalog:before {
         left: 60%;
    }
     .catalog {
    right: 0;
    left: auto;
    }
}
 .catalog.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(10px);
    border: 1px solid var(--bg2);
    border-radius: 0 0 var(--radius) var(--radius);
}
 .catalog >
    a {
     display: inline-block;
    min-width: 150px;
    max-width: 150px;
    padding: 5px;
}
 .catalog >
    a:hover {
     color: var(--color1);
}
/* MOB MENU 0.3 */
 .mobmenu-btn {
    display: none;
}
    @media (max-width: 860px) {
     .mobmenu-btn {
         display: block;
    background: var(--color1);
    border-radius: var(--radius);
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    margin-left: 10px;
    }
     .mobmenu-btn.active:
    before {
         content: "\f00d";
    }
     .mobmenu-btn.active {
    z-index: 9;
    }
     .mobmenu {
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    top: 0;
    right: -300px;
    width: 240px;
    height: 100%;
    margin-left: 0;
    background: var(--bg);
    transition: 0.3s;
    overflow-y: auto;
    z-index: 8;
    }
     .mobmenu.active {
    display: flex;
    align-items: flex-start;
    right: 0;
    padding: 20px;
    border-radius: 0;
    }
     .mobmenu a + div, .mobmenu a {
    display: block;
    width: 100%;
    }
     .mobmenu div > div {
    display: none;
    width: 100%;
    top: 0;
    column-count: 1;
    }
     .mobmenu div > a.active + div {
    position: relative;
    display: block;
    opacity: 1;
    visibility: visible;
    }
}
/* HEADER SEARCH */
 .header-search {
    position: relative;
    display: flex;
    align-items: center;
    /* background: var(--light); */
    backdrop-filter: blur(25px);
    border: 1px solid var(--light);
    border-radius: var(--radius);
    padding-left: 20px;
    margin-left: 30px;
    margin-right: auto;
    transition: 0.3s;
    z-index: 7;
}
    @media (max-width: 860px) {
     .header-search {
         margin-left: 10px;
    margin-right: 10px;
    padding-left: 0;
    width: 40%;
    }
     .header-search.active {
    position: fixed;
    background: var(--bg2);
    padding: 10px;
    border-radius: 0;
    top: 0;
    left: 0;
    width: 100%;
    margin-left: 0;
    }
}
 .header-search_icon {
    display: inline-block;
    color: var(--text);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
}
 .header-search
    input {
     background: transparent;
    padding: 0;
    border-radius: 0;
    width: 300px;
    height: inherit;
    line-height: inherit;
    font-weight: 400;
}
    @media (max-width: 860px) {
     .header-search input {}
     .header-search_icon {
    order: -1;
    color: var(--light);
    }
}
 .header-search
    input::placeholder {
     color: var(--light2);
}
 .header-search.active
    input, .header-search.active .header-search_close {
     display: inline-block;
}
 .header-search_close {
    display: none;
}
    @media (max-width: 860px) {
     .header-search_close {
         display: none;
    position: absolute;
    opacity: 0.6;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 25px;
    text-align: center;
    }
}
/* HEADER USER */
 .header-user >
    a {
     display: flex;
    align-items: center;
    cursor: pointer;
}
 .header-user >
    a img {
     width: 40px;
    height: 40px;
}
 .header-user >
    a span {
     margin-left: 10px;
    font-weight: bold;
}
 .header-user >
    div {
     position: absolute;
    /* background: var(--bg2); */
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    border-radius: var(--radius);
    width: 220px;
    top: 100%;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    overflow: hidden;
    z-index: 6;
}
 .header-user.active >
    div {
     visibility: visible;
    opacity: 1;
    transform: translateY(10px);
    border: 1px solid var(--bg2);
    border-radius: 0 0 var(--radius) var(--radius);
    background: rgb(255 255 255 / 2%);
    backdrop-filter: blur(25px);
}
 .header-user_av {
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid var(--light);
}
 .header-user_av >
    img {
     width: 34px;
    height: 35px;
    object-fit: cover;
    border-radius: 50%;
}
 .header-user_av >
    span {
     flex: 1 1 0%;
    max-width: 100%;
    min-width: 50px;
    margin-left: 10px;
    font-weight: bold;
}
 .header-user_av >
    span span {
     display: block;
    font-size: 12px;
}
 .header-user_menu
    a {
     display: block;
    padding: 10px 20px;
    font-size: 12px;
}
 .header-user_menu
    a:hover {
     background: var(--color1);
    color: var(--text);
}
 .header-user_menu
    a i {
     margin-right: 10px;
    opacity: 0.8;
}
/* MODAL LOGIN 0.2 */
 .modal-login >
    a {
     display: flex;
    align-items: center;
    color: var(--text2);
    cursor: pointer;
}
 .modal-login >
    a i, .modal-login > a img {
     margin-right: 10px;
    margin-top: 1px;
    float: left;
}
 .modal-login
    form {
     display: none;
    position: fixed;
    min-width: 500px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background: var(--bg);
    padding: 40px 80px;
    border-radius: var(--radius);
    text-align: center;
    z-index: 9;
}
    @media (max-width: 860px) {
     .modal-login form {
         min-width: 100%;
    padding: 30px;
    border-radius: 0;
    }
}
 .modal-login
    form > i {
     position: absolute;
    top: 20px;
    right: 20px;
    background: var(--light);
    border-radius: var(--radius);
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
}
 .modal-login
    form > i:hover {
     background: var(--color1);
}
 .modal-login .e-float >
    a {
     position: absolute;
    top: 15px;
    right: 15px;
    border-bottom: 1px dotted #20a8d8;
}
 .modal-login_lost {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #c5c5c5;
    margin-bottom: 20px;
}
 .modal-login_lost
    a:hover {
     color: var(--color1);
}
 .modal-login_btn
    a {
     background: var(--light);
    margin-left: 20px;
}
 .modal-login_btn
    a:hover {
     background: var(--light2);
}
 .modal-login_soc
    span {
     display: block;
    color: #767389;
    margin: 20px 0;
}
 .modal-login_soc .e-flex {
    align-items: center;
    justify-content: center;
}
 .modal-login_soc .e-flex >
    a, .modal-login_soc .e-flex a > img {
     width: 40px;
    height: 40px;
    margin: 0 10px;
}
/* ANN BIG */
 .ann-big {
    /* Centre le background */
    /* Couvre tout l'élément sans déformer le fond */
    /* Centre l'élément */
    overflow: hidden;
    max-width: 1200px;
    background-position: center;
    background-size: cover;
    margin: 0 auto;
    /* Masque pour faire disparaître le div vers le bas */
    mask-image: linear-gradient(to bottom, rgb(0 0 0 / 23%) 20%, rgb(0 0 0) 100%);
    max-height: 400px;
    border: 1px solid var(--bg2);
}
 .ann-big_one {
    height: 400px;
}
 .ann-big_one .swiper-slide:
    before {
     content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(1deg, #14142600, transparent 80%), linear-gradient(90deg, #1d0912d9, transparent 100%), linear-gradient(275deg, rgb(2 0 7 / 50%), transparent), linear-gradient(209deg, #020007, transparent 40%);
    z-index: 1;
}
 .ann-big_content {
    position: relative;
    padding: 120px 0;
    z-index: 2;
}
    @media (max-width: 860px) {
     .ann-big_content {
        /* padding: 80px 0 0;
         */}
}
 .ann-big_content > .badge {
    margin-bottom: 20px;
}
 .ann-big_content
    h1, .ann-big_content h2 {
     margin-bottom: 10px;
}
 .ann-big_text {
    max-width: 600px;
    color: var(--text2);
    font-size: 16px;
}
 .ann-big_link {
    align-items: center;
    margin-bottom: 10px;
}
    @media (max-width: 860px) {
     .ann-big_link {
         display: block;
    }
}
 .ann-big_link .e-btn {
    margin-right: 20px;
}
    @media (max-width: 860px) {
     .ann-big_link .e-btn {
         margin-right: 0;
    margin-bottom: 20px;
    }
}
 .ann-big_link > *
    i {
     margin-right: 8px;
}
 .ann-price {
    font-size: 25px;
    font-weight: bold;
}
 .ann-price >
    span {
     color: var(--text2);
    font-size: 16px;
    font-weight: 500;
    text-decoration: line-through;
    margin-left: 10px;
}
 .ann-big_one
    img {
     position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
 .ann-big_two {
    position: absolute;
    bottom: 0;
    right: 40px;
    width: 600px;
    padding: 60px 10px;
    overflow: hidden;
}
    @media (max-width: 1200px) {
     .ann-big_two {
         display: none;
    }
}
 .ann-big_two >
    i {
     position: absolute;
    background: var(--light);
    backdrop-filter: blur(10px);
    border: 1px solid var(--light2);
    border-radius: var(--radius);
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    z-index: 2;
    cursor: pointer;
}
 .ann-big_two >
    i:hover {
     background: var(--color1);
}
 .ann-big_two .fa-chevron-right {
    left: 45px;
}
 .ann-big_item {
    position: relative;
    width: 100%;
    filter: contrast(0.3);
    overflow: hidden;
}
 .swiper-slide-thumb-active .ann-big_item {
    transform: scale(1.04);
    filter: contrast(1);
}
 .ann-big_item:
    before {
     content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
 .ann-big_item >
    img {
     position: relative;
    border: 1px solid var(--light);
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: var(--radius);
}
 .ann-big_title {
    display: block;
    font-size: 14px;
    margin-top: 10px;
}
/* ANN PRIO */
 .ann-prio
    li {
     background: var(--bg2);
    padding: 30px;
    border-radius: var(--radius);
}
    @media (max-width: 860px) {
     .ann-prio li {
         min-width: 260px;
    }
}
 .ann-prio
    li span {
     display: block;
    color: var(--text2);
    margin-bottom: 15px;
}
 .ann-prio
    li span b {
     color: var(--color1);
    margin-right: 10px;
}
/* ANN SECT TABS */
 .ann-sect_title {
    display: flex;
    align-items: center;
    margin: 0px 0px 0px 15px;
}
 .ann-sect_title
    h1 {
     margin-bottom: 0;
}
 .ann-sect_title
    i {
     display: inline-block;
    /* background: var(--bg2); */
    border-radius: var(--radius);
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 10px;
    margin-left: 15px;
    gap: 20px;
    backdrop-filter: blur(25px);
    border: 1px solid var(--light);
}
 .ann-sect_links {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}
 .ann-sect_links
    span {
     min-width: 160px;
    background: #221d47;
    color: var(--text2);
    padding: 10px 20px;
    border-radius: var(--radius);
    font-weight: 600;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
}
 .ann-sect_links
    span.active {
     background: var(--color1);
    color: #fff;
}
    @media (max-width: 860px) {
     .ann-sect .tabs-content.e-grid5 {
         grid-template-columns: 1fr 1fr;
    }
}
 .ann-short_item {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 205px;
    height: 140px;
    padding: 10px;
    border-radius: var(--radius);
    overflow: hidden;
    justify-content: flex-end;
    align-items: center;
}
    @media (max-width: 860px) {
     .ann-short_item {
        /* height: 230px;
         */}
}
 .ann-short_item:
    before {
     content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, #ffffff1f 0%, #ffffff0f 80%);
    z-index: -1;
    /* background: linear-gradient(149deg, #ededed30 0%, #210e1700 99.08%);
     */
    /* background: linear-gradient(149deg, #1922475e 0%, #210e17 99.08%);
     */
}
 .ann-short_item .badge {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 10px;
    margin-bottom: 10px;
}
 .ann-short_item >
    a:before {
     content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}
 .ann-short_price >
    span {
     color: var(--text2);
    font-size: 14px;
    font-weight: 500;
    text-decoration: line-through;
    margin-left: 10px;
}
 .ann-short_item >
    img {
     position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: 60px;
    object-fit: cover;
    transition: 0.3s;
    z-index: -1;
    /* margin-top: 10px;
     */
    opacity: 0.8;
    /* max-height: 100px; */
    /* width: 260px; */
}
 .ann-short_item:
    hover img {
     transform: scale(1.1);
}
/* ANN HIT */
 .ann-hit_items {
    column-count: 2;
    column-gap: 10px;
}
 .ann-hit_items .ann-hit_item:nth-child(3) {
    height: 200px;
}
 .ann-hit_items .ann-hit_item:nth-child(2) {
    height: 200px;
}
 .ann-hit_item {
    position: relative;
    display: inline-block;
    max-width: 260px;
    height: 120px;
    /* border-radius: var(--radius);
     */
    border: 1px solid var(--light);
    margin: 5px 0;
    overflow: hidden;
}
 .ann-hit_item:
    before {
     content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 120px;
    background: linear-gradient(180deg, rgba(70, 11, 110, 0) 0%, var(--bg2) 80%);
    z-index: 1;
}
 .ann-hit_item .badge {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 10px;
    margin-bottom: 10px;
    z-index: 2;
}
 .ann-hit_content {
    position: absolute;
    bottom: 0;
    /* padding: 10px;
     */
    z-index: 2;
    margin-left: 10px;
}
 .ann-hit_content
    h3 {
     margin-bottom: 10px;
}
 .ann-hit_price {
    color: var(--text2);
    font-size: 18px;
    font-weight: 600;
}
 .ann-hit_item >
    img {
     width: 180px;
    max-height: 80px;
    object-fit: cover;
    transition: 0.3s;
}
 .ann-hit_item:
    hover.ann-hit_item > img {
     transform: scale(1.05)}
/* ANN BLOG */
    @media (max-width: 860px) {
     .ann-blog .e-grid3 {
        /* grid-template-columns: 4fr;
         */
        /* grid-template-columns: repeat(2, 1fr);
         */
        /* flex-direction: column;
         */
        /* justify-content: center; */
        align-items: center;
    /* width: 100%; */
    }
}
 .ann-blog_item {
}
 .ann-blog_bg {
    position: relative;
    height: 200px;
    border-radius: var(--radius);
    margin-bottom: 15px;
    overflow: hidden;
}
 .ann-blog_meta {
    display: flex;
    align-items: center;
    color: var(--text2);
    font-size: 12px;
    margin-bottom: 10px;
}
 .ann-blog_meta
    span + span {
     margin-left: 20px;
}
 .ann-blog_meta
    i {
     margin-right: 8px;
}
 .ann-blog_title {
    font-size: 16px;
    line-height: 1.5;
}
 .ann-blog_item:
    hover .ann-blog_title {
     color: var(--color1);
}
/* ANN FULL */
 .ann-full_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 500px;
     */
    opacity: 0.1;
}
 .ann-full_bg:
    before {
     content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, var(--bg), transparent);
}
 .ann-full {
    display: flex;
    align-items: flex-start;
    /* margin-top: 0px;
     */
    overflow: hidden;
}
    @media (max-width: 860px) {
     .ann-full {
         flex-direction: column;
    }
}
 .ann-full_left {
    display: block;
    width: 300px;
    margin-right: 20px;
}
    @media (max-width: 860px) {
     .ann-full_left {
        /* order: 2;
         */
         width: 100%;
    /* margin-right: 0;
         */
    /* margin-top: 30px;
         */
    display: block;
    /* width: 350px;
         */
    margin-right: 60px;
    }
}
 .ann-full_poster {
    display: flex;
    /* width: 300px;
     */
    height: 100px;
    border-radius: var(--radius);
    border: 1px solid var(--light);
    box-shadow: 0 4px 4px var(--dark);
    margin-bottom: 10px;
    overflow: hidden;
    /* background: linear-gradient(180deg, #54287642 0%, #d900003b 80%);
     */
    /* background: linear-gradient(149deg, #192247bd 0%, #210e1775 99.08%);
     */
    /* padding: 10px;
     */
    text-align: center;
    background: linear-gradient(180deg, #ffffff1f 0%, #ffffff0f 80%);
}
    @media (max-width: 860px) {
     .ann-full_poster, .ann-full_fav, .ann-full_janr, .ann-full_share > span {
        /* display: none!important;
         */}
}
 .ann-full_fav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--bg2);
    padding: 5px 10px;
    border-radius: var(--radius) var(--radius) 0 0;
    color: var(--color1);
    font-weight: 600;
}
 .ann-full_fav >
    a {
     position: relative;
    padding: 8px 15px;
    cursor: pointer;
}
 .ann-full_fav [
    id] {
     background: var(--color1);
    color: #fff;
    border-radius: var(--radius);
}
 .ann-full_fav [
    id]:hover {
     background: var(--color2);
}
 .ann-full_fav
    i:not(.ann-full_fav [id] i) {
     margin-right: 8px;
}
 .ann-full_share >
    div {
     position: absolute;
    background: #1e1e34;
    border: 1px solid var(--light);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    border-radius: var(--radius);
    width: max-content;
    padding: 10px;
    top: -70px;
    right: -10px;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
}
 .ann-full_share >
    div:before {
     content: "";
    position: absolute;
    bottom: -5px;
    left: 60%;
    width: 10px;
    height: 10px;
    background: var(--bg2);
    transform: rotate(45deg);
}
 .ann-full_share.active >
    div {
     visibility: visible;
    opacity: 1;
    transform: translateY(10px);
}
 .ann-full_janr {
    border: 1px solid var(--bg2);
    border-radius: 0 0 var(--radius) var(--radius);
    padding: 10px 20px;
    margin-bottom: 30px;
    background: rgb(255 255 255 / 2%);
    backdrop-filter: blur(25px);
}
 .ann-full_janr
    li span {
     display: inline-block;
    color: var(--text2);
    margin-right: 20px;
    min-width: 90px;
}
 .ann-full_janr
    li {
     display: flex;
    align-items: center;
    font-size: 14px;
    margin: 5px 0;
}
 .ann-full_rel .ann-short_item {
    /* height: 20px;
     */
}
 .ann-full_mini, .ann-full_mini
    p {
     color: var(--text2);
    font-size: 14px;
}
 .expand-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}
 .expand-btn {
    display: inline-block;
    background: var(--bg2);
    color: #a5a1b2;
    padding: 8px 20px;
    border-radius: var(--radius);
    font-size: 14px;
    margin-bottom: 40px;
}
 .ann-full_link {
    align-items: center;
    margin-top: 30px;
}
 .ann-full_buy {
    margin-right: 20px;
}
 .ann-full_buy >
    span {
     display: block;
    color: #50a14f;
    margin-top: 10px;
}
 .ann-full_buy * >
    i {
     margin-right: 8px;
}
 .ann-full_key {
    flex: 100%;
    margin-right: 30px;
    margin-bottom: 20px;
}
 .ann-full_key >
    span {
     display: block;
    background: var(--light);
    padding: 8px 20px;
    border-radius: var(--radius);
    margin-top: 8px;
}
 .ann-full_tip {
    margin: 40px 0;
}
 .ann-full_tip
    span {
     display: block;
    color: var(--text2);
    font-weight: bold;
    margin-bottom: 15px;
}
 .ann-full_text, .ann-full_text
    p {
     font-size: 14px;
    color: #cac8d1;
}
 .ann-full_text
    p + p, .ann-full_text p + h2 {
     margin: 20px 0;
}
 .ann-full_text
    a {
     color: var(--color1);
}
 .ann-full_text
    ol li {
     position: relative;
    color: #a5a1b2;
    padding-left: 20px;
    margin: 15px;
    line-height: 1.5;
}
 .ann-full_text
    ol li:before {
     content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #808191;
    border-radius: 50%;
    margin-right: 20px;
}
 .ann-full_text
    ol li strong, .ann-full_text ol li b {
     color: var(--color3);
}
 .ann-full_screens {
    position: relative;
    border-radius: var(--radius);
    margin-bottom: 40px;
    overflow: hidden;
}
 .ann-full_screens > .fal {
    position: absolute;
    left: 20px;
    top: 45%;
    font-size: 30px;
    z-index: 5;
    cursor: pointer;
}
 .ann-full_screens > .fa-chevron-right {
    left: unset;
    right: 20px;
}
 .ann-full_screens > .swiper-button-disabled {
    display: none;
}
 .ann-full_screens .swiper-slide {
    aspect-ratio: 16/9;
}
 .ann-detal {
    border: 1px solid var(--bg2);
    border-radius: 0 0 var(--radius) var(--radius);
    /* padding: 10px 0px; */}
 .ann-detal .tabs-links
    span {
     display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}
 .ann-detal .tabs-links
    span + span {
     margin-left: 20px;
}
 .ann-detal .tabs-links
    span.active {
     background: #ffffff;
    /* border-radius: var(--radius) var(--radius) 0 0; */
    color: #ffffff;
    /* background: linear-gradient(149deg, #ac0000bd 0%, #66003075 99.08%);
     */
    background: linear-gradient(45deg, rgb(25 34 71 / 41%) 0%, rgb(33 14 23) 99.08%);
    width: 100%;
     
     
     
     
     
    /* STYLES 6.0 Developer: t.me/moretheme Screen resolution: 460, 860, 1440, 1920 */
     :
    root {
         --bg: #141426;
    --bg2: #1e1e34;
    --text: #fff;
    --text1: #000;
    --text2: #9c9cbb;
    --color1: #d90000;
    --color2: #a52373;
    --light: rgb(255 255 255 / 10%);
    --light2: rgb(255 255 255 / 30%);
    --dark: rgb(0 0 0 / 30%);
    --radius: 12px;
    }
    body {
        /* background: url(/templates/witv/images/bf027f4b-58f3-4770-94d5-53f13b2d2f1b.webp);
         */
         color: var(--text);
    line-height: normal;
    font-family: "Montserrat", sans-serif;
    font-size: 14px;
    font-weight: 500;
    background: linear-gradient(rgb(0 0 0), rgb(0 0 0 / 84%)), url(/templates/witv/images/bf027f4b-58f3-4770-94d5-53f13b2d2f1b.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    }
    /* HEADER */
    header {
         position: relative;
    background: linear-gradient(0deg,rgba(17,17,19,0),rgb(17 17 24 / 100%));
    width: 100%;
    top: 0;
    padding: 10px 0;
    }
    header.fixed {
         position: fixed;
    z-index: 7;
    }
    header .container {
         display: flex;
    align-items: center;
    justify-content: space-between;
    }
     .header-logo, .header-logo
    img {
         width: 90px;
    height: 70px;
    object-fit: contain;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    margin-right: 60px;
    }
     .header-link, .header-link
    img {
         display: inline-block;
    width: 40px;
    height: 40px;
    cursor: pointer;
    margin-right: 15px;
    }
    @media (max-width: 860px) {
         .header-link {
             display: none;
        }
    }
    /* CATALOG */
     .catalog-btn {
    background: #d90000;
    width: 140px;
    line-height: 43px;
    height: 43px;
    border-radius: var(--radius);
    font-weight: bold;
    text-align: center;
    cursor: pointer;
    }
    @media (max-width: 860px) {
         .catalog-btn {
             margin-left: auto;
    min-width: 40px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
        }
    }
     .catalog-btn:
    hover {
         background: #d90000e6;
    }
     .catalog-btn
    span {
         margin-left: 10px;
    }
    @media (max-width: 860px) {
         .catalog-btn span {
             display: none;
        }
    }
     .catalog-btn.active
    i:before {
         content: "\f00d";
    }
     .catalog {
    position: absolute;
    background: var(--bg2);
    color: var(--text);
    padding: 20px;
    box-shadow: 0 12px 24px rgb(0 0 0 / 15%);
    border-radius: var(--radius);
    max-width: 360px;
    top: 100%;
    left: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    z-index: 8;
    }
     .catalog:
    before {
         content: "";
    position: absolute;
    top: -5px;
    left: 40%;
    width: 10px;
    height: 10px;
    background: var(--bg2);
    transform: rotate(45deg);
    }
    @media (max-width: 860px) {
         .catalog:before {
             left: 60%;
        }
         .catalog {
    right: 0;
    left: auto;
        }
    }
     .catalog.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(10px);
    }
     .catalog >
    a {
         display: inline-block;
    min-width: 150px;
    max-width: 150px;
    padding: 5px;
    }
     .catalog >
    a:hover {
         color: var(--color1);
    }
    /* MOB MENU 0.3 */
     .mobmenu-btn {
    display: none;
    }
    @media (max-width: 860px) {
         .mobmenu-btn {
             display: block;
    background: var(--color1);
    border-radius: var(--radius);
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
    margin-left: 10px;
        }
         .mobmenu-btn.active:
    before {
             content: "\f00d";
        }
         .mobmenu-btn.active {
    z-index: 9;
        }
         .mobmenu {
    position: fixed;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    top: 0;
    right: -300px;
    width: 240px;
    height: 100%;
    margin-left: 0;
    background: var(--bg);
    transition: 0.3s;
    overflow-y: auto;
    z-index: 8;
        }
         .mobmenu.active {
    display: flex;
    align-items: flex-start;
    right: 0;
    padding: 20px;
    border-radius: 0;
        }
         .mobmenu a + div, .mobmenu a {
    display: block;
    width: 100%;
        }
         .mobmenu div > div {
    display: none;
    width: 100%;
    top: 0;
    column-count: 1;
        }
         .mobmenu div > a.active + div {
    position: relative;
    display: block;
    opacity: 1;
    visibility: visible;
        }
    }
    /* HEADER SEARCH */
     .header-search {
    position: relative;
    display: flex;
    align-items: center;
    background: var(--light);
    backdrop-filter: blur(25px);
    border: 1px solid var(--light);
    border-radius: var(--radius);
    padding-left: 20px;
    margin-left: 30px;
    margin-right: auto;
    transition: 0.3s;
    z-index: 7;
    }
    @media (max-width: 860px) {
         .header-search {
             margin-left: 15px;
    margin-right: 15px;
    padding-left: 0;
        }
         .header-search.active {
    position: fixed;
    background: var(--bg2);
    padding: 10px;
    border-radius: 0;
    top: 0;
    left: 0;
    width: 100%;
    margin-left: 0;
        }
    }
     .header-search_icon {
    display: inline-block;
    color: var(--text);
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    }
     .header-search
    input {
         background: transparent;
    padding: 0;
    border-radius: 0;
    width: 300px;
    height: inherit;
    line-height: inherit;
    font-weight: 400;
    }
    @media (max-width: 860px) {
         .header-search input {
             display: none;
        }
         .header-search_icon {
    order: -1;
    color: var(--light);
        }
    }
     .header-search
    input::placeholder {
         color: var(--light2);
    }
     .header-search.active
    input, .header-search.active .header-search_close {
         display: inline-block;
    }
     .header-search_close {
    display: none;
    }
    @media (max-width: 860px) {
         .header-search_close {
             display: none;
    position: absolute;
    opacity: 0.6;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 25px;
    text-align: center;
        }
    }
    /* HEADER USER */
     .header-user >
    a {
         display: flex;
    align-items: center;
    cursor: pointer;
    }
     .header-user >
    a img {
         width: 40px;
    height: 40px;
    }
     .header-user >
    a span {
         margin-left: 10px;
    font-weight: bold;
    }
     .header-user >
    div {
         position: absolute;
    background: var(--bg2);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    border-radius: var(--radius);
    width: 220px;
    top: 100%;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    overflow: hidden;
    z-index: 6;
    }
     .header-user.active >
    div {
         visibility: visible;
    opacity: 1;
    transform: translateY(10px);
    }
     .header-user_av {
    align-items: center;
    padding: 15px 20px;
    border-bottom: 1px solid var(--light);
    }
     .header-user_av >
    img {
         width: 34px;
    height: 35px;
    object-fit: cover;
    border-radius: 50%;
    }
     .header-user_av >
    span {
         flex: 1 1 0%;
    max-width: 100%;
    min-width: 50px;
    margin-left: 10px;
    font-weight: bold;
    }
     .header-user_av >
    span span {
         display: block;
    font-size: 12px;
    }
     .header-user_menu
    a {
         display: block;
    padding: 10px 20px;
    font-size: 12px;
    }
     .header-user_menu
    a:hover {
         background: var(--color1);
    color: var(--text);
    }
     .header-user_menu
    a i {
         margin-right: 10px;
    opacity: 0.8;
    }
    /* MODAL LOGIN 0.2 */
     .modal-login >
    a {
         display: flex;
    align-items: center;
    color: var(--text2);
    cursor: pointer;
    }
     .modal-login >
    a i, .modal-login > a img {
         margin-right: 10px;
    margin-top: 1px;
    float: left;
    }
     .modal-login
    form {
         display: none;
    position: fixed;
    min-width: 500px;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background: var(--bg);
    padding: 40px 80px;
    border-radius: var(--radius);
    text-align: center;
    z-index: 9;
    }
    @media (max-width: 860px) {
         .modal-login form {
             min-width: 100%;
    padding: 30px;
    border-radius: 0;
        }
    }
     .modal-login
    form > i {
         position: absolute;
    top: 20px;
    right: 20px;
    background: var(--light);
    border-radius: var(--radius);
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    cursor: pointer;
    }
     .modal-login
    form > i:hover {
         background: var(--color1);
    }
     .modal-login .e-float >
    a {
         position: absolute;
    top: 15px;
    right: 15px;
    border-bottom: 1px dotted #20a8d8;
    }
     .modal-login_lost {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #c5c5c5;
    margin-bottom: 20px;
    }
     .modal-login_lost
    a:hover {
         color: var(--color1);
    }
     .modal-login_btn
    a {
         background: var(--light);
    margin-left: 20px;
    }
     .modal-login_btn
    a:hover {
         background: var(--light2);
    }
     .modal-login_soc
    span {
         display: block;
    color: #767389;
    margin: 20px 0;
    }
     .modal-login_soc .e-flex {
    align-items: center;
    justify-content: center;
    }
     .modal-login_soc .e-flex >
    a, .modal-login_soc .e-flex a > img {
         width: 40px;
    height: 40px;
    margin: 0 10px;
    }
    /* ANN BIG */
     .ann-big {
    position: relative;
    overflow: hidden;
    }
     .ann-big_one {
    height: 500px;
    }
     .ann-big_one .swiper-slide:
    before {
         content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, var(--bg), transparent 80%), linear-gradient(90deg, var(--bg), transparent 100%), linear-gradient(0deg, rgb(14 17 26 / 100%), transparent), linear-gradient(270deg, var(--bg), transparent 40%);
    z-index: 1;
    }
     .ann-big_content {
    position: relative;
    padding: 180px 0;
    z-index: 2;
    }
    @media (max-width: 860px) {
         .ann-big_content {
             padding: 150px 0 0;
        }
    }
     .ann-big_content > .badge {
    margin-bottom: 30px;
    }
     .ann-big_content
    h1, .ann-big_content h2 {
         margin-bottom: 10px;
    }
     .ann-big_text {
    max-width: 600px;
    color: var(--text2);
    font-size: 16px;
    }
     .ann-big_link {
    align-items: center;
    margin-top: 30px;
    }
    @media (max-width: 860px) {
         .ann-big_link {
             display: block;
        }
    }
     .ann-big_link .e-btn {
    margin-right: 20px;
    }
    @media (max-width: 860px) {
         .ann-big_link .e-btn {
             margin-right: 0;
    margin-bottom: 20px;
        }
    }
     .ann-big_link > *
    i {
         margin-right: 8px;
    }
     .ann-price {
    font-size: 25px;
    font-weight: bold;
    }
     .ann-price >
    span {
         color: var(--text2);
    font-size: 16px;
    font-weight: 500;
    text-decoration: line-through;
    margin-left: 10px;
    }
     .ann-big_one
    img {
         position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    }
     .ann-big_two {
    position: absolute;
    bottom: 0;
    right: 40px;
    width: 600px;
    padding: 60px 10px;
    overflow: hidden;
    }
    @media (max-width: 1200px) {
         .ann-big_two {
             display: none;
        }
    }
     .ann-big_two >
    i {
         position: absolute;
    background: var(--light);
    backdrop-filter: blur(10px);
    border: 1px solid var(--light2);
    border-radius: var(--radius);
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    z-index: 2;
    cursor: pointer;
    }
     .ann-big_two >
    i:hover {
         background: var(--color1);
    }
     .ann-big_two .fa-chevron-right {
    left: 45px;
    }
     .ann-big_item {
    position: relative;
    width: 100%;
    filter: contrast(0.3);
    overflow: hidden;
    }
     .swiper-slide-thumb-active .ann-big_item {
    transform: scale(1.04);
    filter: contrast(1);
    }
     .ann-big_item:
    before {
         content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    }
     .ann-big_item >
    img {
         position: relative;
    border: 1px solid var(--light);
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-radius: var(--radius);
    }
     .ann-big_title {
    display: block;
    font-size: 14px;
    margin-top: 10px;
    }
    /* ANN PRIO */
     .ann-prio
    li {
         background: var(--bg2);
    padding: 30px;
    border-radius: var(--radius);
    }
    @media (max-width: 860px) {
         .ann-prio li {
             min-width: 260px;
        }
    }
     .ann-prio
    li span {
         display: block;
    color: var(--text2);
    margin-bottom: 15px;
    }
     .ann-prio
    li span b {
         color: var(--color1);
    margin-right: 10px;
    }
    /* ANN SECT TABS */
     .ann-sect_title {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    }
     .ann-sect_title
    h1 {
         margin-bottom: 0;
    }
     .ann-sect_title
    i {
         display: inline-block;
    background: var(--bg2);
    border-radius: var(--radius);
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    margin-left: 20px;
    }
     .ann-sect_links {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    }
     .ann-sect_links
    span {
         min-width: 160px;
    background: #221d47;
    color: var(--text2);
    padding: 10px 20px;
    border-radius: var(--radius);
    font-weight: 600;
    text-align: center;
    margin-right: 10px;
    cursor: pointer;
    }
     .ann-sect_links
    span.active {
         background: var(--color1);
    color: #fff;
    }
    @media (max-width: 860px) {
         .ann-sect .tabs-content.e-grid5 {
             grid-template-columns: 1fr 1fr;
        }
    }
     .ann-short_item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 280px;
    height: 200px;
    padding: 20px;
    border-radius: var(--radius);
    overflow: hidden;
    }
    @media (max-width: 860px) {
         .ann-short_item {
             height: 230px;
        }
    }
     .ann-short_item:
    before {
         content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(180deg, #54287642 0%, #d900003b 80%);
         */
    z-index: -1;
    background: linear-gradient(149deg, #192247bd 0%, #210e1775 99.08%);
    }
     .ann-short_item .badge {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 10px;
    margin-bottom: 10px;
    }
     .ann-short_item >
    a:before {
         content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    }
     .ann-short_price >
    span {
         color: var(--text2);
    font-size: 14px;
    font-weight: 500;
    text-decoration: line-through;
    margin-left: 10px;
    }
     .ann-short_item >
    img {
         position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    /* height: 100%;
         */
    object-fit: cover;
    transition: 0.3s;
    z-index: -1;
    /* margin-top: 10px;
         */
    opacity: 0.8;
    max-height: 100px;
    /* width: 260px;
         */
    }
     .ann-short_item:
    hover img {
         transform: scale(1.1);
    }
    /* ANN HIT */
     .ann-hit_items {
    column-count: 2;
    column-gap: 10px;
    }
     .ann-hit_items .ann-hit_item:nth-child(3) {
    height: 200px;
    }
     .ann-hit_items .ann-hit_item:nth-child(2) {
    height: 200px;
    }
     .ann-hit_item {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 300px;
    border-radius: var(--radius);
    border: 1px solid var(--light);
    margin: 5px 0;
    overflow: hidden;
    }
     .ann-hit_item:
    before {
         content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(70, 11, 110, 0) 0%, var(--bg2) 80%);
    z-index: 1;
    }
     .ann-hit_item .badge {
    position: absolute;
    top: 15px;
    left: 15px;
    font-size: 10px;
    margin-bottom: 10px;
    z-index: 2;
    }
     .ann-hit_content {
    position: absolute;
    bottom: 0;
    padding: 20px;
    z-index: 2;
    }
     .ann-hit_content
    h3 {
         margin-bottom: 10px}
     .ann-hit_price {
    color: var(--text2);
    font-size: 18px;
    font-weight: 600;
    }
     .ann-hit_item >
    img {
         width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
    }
     .ann-hit_item:
    hover.ann-hit_item > img {
         transform: scale(1.05)}
    /* ANN BLOG */
    @media (max-width: 560px) {
         .ann-blog .e-grid3 {
            /* grid-template-columns: 4fr;
             */
            /* grid-template-columns: repeat(2, 1fr);
             */
             flex-direction: column;
        }
    }
     .ann-blog_item {
    }
     .ann-blog_bg {
    position: relative;
    height: 200px;
    border-radius: var(--radius);
    margin-bottom: 15px;
    overflow: hidden;
    }
     .ann-blog_meta {
    display: flex;
    align-items: center;
    color: var(--text2);
    font-size: 12px;
    margin-bottom: 10px;
    }
     .ann-blog_meta
    span + span {
         margin-left: 20px;
    }
     .ann-blog_meta
    i {
         margin-right: 8px;
    }
     .ann-blog_title {
    font-size: 16px;
    line-height: 1.5;
    }
     .ann-blog_item:
    hover .ann-blog_title {
         color: var(--color1);
    }
    /* ANN FULL */
     .ann-full_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    /* height: 500px;
         */
    opacity: 0.1;
    }
     .ann-full_bg:
    before {
         content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(360deg, var(--bg), transparent);
    }
     .ann-full {
    display: flex;
    align-items: flex-start;
    margin-top: 100px;
    overflow: hidden;
    }
    @media (max-width: 860px) {
         .ann-full {
             flex-direction: column;
        }
    }
     .ann-full_left {
    display: block;
    width: 300px;
    margin-right: 20px;
    }
    @media (max-width: 860px) {
         .ann-full_left {
            /* order: 2;
             */
             width: 100%;
    /* margin-right: 0;
             */
    /* margin-top: 30px;
             */
    display: block;
    /* width: 350px;
             */
    margin-right: 60px;
        }
    }
     .ann-full_poster {
    display: inline-block;
    width: 300px;
    height: 100%;
    border-radius: var(--radius);
    border: 1px solid var(--light);
    box-shadow: 0 4px 4px var(--dark);
    margin-bottom: 20px;
    overflow: hidden;
    /* background: linear-gradient(180deg, #54287642 0%, #d900003b 80%);
         */
    background: linear-gradient(149deg, #192247bd 0%, #210e1775 99.08%);
    padding: 10px;
    text-align: center;
    }
    @media (max-width: 860px) {
         .ann-full_poster, .ann-full_fav, .ann-full_janr, .ann-full_share > span {
            /* display: none!important;
             */}
    }
     .ann-full_fav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: var(--bg2);
    padding: 5px 10px;
    border-radius: var(--radius) var(--radius) 0 0;
    color: var(--color1);
    font-weight: 600;
    }
     .ann-full_fav >
    a {
         position: relative;
    padding: 8px 15px;
    cursor: pointer;
    }
     .ann-full_fav [
    id] {
         background: var(--color1);
    color: #fff;
    border-radius: var(--radius);
    }
     .ann-full_fav [
    id]:hover {
         background: var(--color2);
    }
     .ann-full_fav
    i:not(.ann-full_fav [id] i) {
         margin-right: 8px;
    }
     .ann-full_share >
    div {
         position: absolute;
    background: #1e1e34;
    border: 1px solid var(--light);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    border-radius: var(--radius);
    width: max-content;
    padding: 10px;
    top: -70px;
    right: -10px;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    }
     .ann-full_share >
    div:before {
         content: "";
    position: absolute;
    bottom: -5px;
    left: 60%;
    width: 10px;
    height: 10px;
    background: var(--bg2);
    transform: rotate(45deg);
    }
     .ann-full_share.active >
    div {
         visibility: visible;
    opacity: 1;
    transform: translateY(10px);
    }
     .ann-full_janr {
    border: 1px solid var(--bg2);
    border-radius: 0 0 var(--radius) var(--radius);
    padding: 10px 20px;
    margin-bottom: 30px;
    }
     .ann-full_janr
    li span {
         display: inline-block;
    color: var(--text2);
    margin-right: 20px;
    min-width: 90px;
    }
     .ann-full_janr
    li {
         display: flex;
    align-items: center;
    font-size: 14px;
    margin: 5px 0;
    }
     .ann-full_rel .ann-short_item {
    /* height: 20px;
         */
    }
     .ann-full_mini, .ann-full_mini
    p {
         color: var(--text2);
    font-size: 14px;
    }
     .expand-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    }
     .expand-btn {
    display: inline-block;
    background: var(--bg2);
    color: #a5a1b2;
    padding: 8px 20px;
    border-radius: var(--radius);
    font-size: 14px;
    margin-bottom: 40px;
    }
     .ann-full_link {
    align-items: center;
    margin-top: 30px;
    }
     .ann-full_buy {
    margin-right: 20px;
    }
     .ann-full_buy >
    span {
         display: block;
    color: #50a14f;
    margin-top: 10px;
    }
     .ann-full_buy * >
    i {
         margin-right: 8px;
    }
     .ann-full_key {
    flex: 100%;
    margin-right: 30px;
    margin-bottom: 20px;
    }
     .ann-full_key >
    span {
         display: block;
    background: var(--light);
    padding: 8px 20px;
    border-radius: var(--radius);
    margin-top: 8px;
    }
     .ann-full_tip {
    margin: 40px 0;
    }
     .ann-full_tip
    span {
         display: block;
    color: var(--text2);
    font-weight: bold;
    margin-bottom: 15px;
    }
     .ann-full_text, .ann-full_text
    p {
         font-size: 14px;
    color: #cac8d1;
    }
     .ann-full_text
    p + p, .ann-full_text p + h2 {
         margin: 20px 0;
    }
     .ann-full_text
    a {
         color: var(--color1);
    }
     .ann-full_text
    ol li {
         position: relative;
    color: #a5a1b2;
    padding-left: 20px;
    margin: 15px;
    line-height: 1.5;
    }
     .ann-full_text
    ol li:before {
         content: "";
    position: absolute;
    top: 12px;
    left: 0;
    width: 4px;
    height: 4px;
    background: #808191;
    border-radius: 50%;
    margin-right: 20px;
    }
     .ann-full_text
    ol li strong, .ann-full_text ol li b {
         color: var(--color3);
    }
     .ann-full_screens {
    position: relative;
    border-radius: var(--radius);
    margin-bottom: 40px;
    overflow: hidden;
    }
     .ann-full_screens > .fal {
    position: absolute;
    left: 20px;
    top: 45%;
    font-size: 30px;
    z-index: 5;
    cursor: pointer;
    }
     .ann-full_screens > .fa-chevron-right {
    left: unset;
    right: 20px;
    }
     .ann-full_screens > .swiper-button-disabled {
    display: none;
    }
     .ann-full_screens .swiper-slide {
    aspect-ratio: 16/9;
    }
     .ann-detal {
    }
     .ann-detal .tabs-links
    span {
         display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
    }
     .ann-detal .tabs-links
    span + span {
         margin-left: 20px;
    }
     .ann-detal .tabs-links
    span.active {
         background: #ffffff;
    border-radius: var(--radius) var(--radius) 0 0;
    color: #ffffff;
    background: linear-gradient(149deg, #192247bd 0%, #210e1775 99.08%);
    }
     .ann-detal .tabs-content {
    /* background: var(--bg2);
         */
    padding: 10px;
    /* border-radius: var(--radius);
         */
    /* background: linear-gradient(180deg, #54287642 0%, #d900003b 80%);
         */
    background: linear-gradient(149deg, #192247bd 0%, #210e1775 99.08%);
    display: flex;
    justify-content: center;
    }
     .ann-detal >
    div:nth-child(2) {
        /* border-radius: 0 var(--radius) var(--radius);
         */}
     .ann-detal .tabs-content.dle-text
    p {
         color: var(--text2);
    }
     .ann-detal
    ul li {
         display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
    }
    @media (max-width: 860px) {
         .ann-detal ul li {
             flex-direction: column;
    align-items: flex-start;
    grid-gap: 10px;
        }
    }
     .ann-detal
    ul li span:first-child {
         color: var(--text2);
    }
    @media (max-width: 860px) {
         .ann-full_rel .e-grid2 {
             grid-template-columns: 1fr 1fr;
        }
    }
    /* TRAILER MODAL */
     .trailer-modal {
    display: none;
    position: fixed;
    background: var(--bg);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
    }
     .trailer-modal.active {
    display: block;
    }
     .trailer-modal_heading {
    padding: 20px;
    align-items: center;
    justify-content: space-between;
    }
     .trailer-modal_heading
    h4 {
         margin-bottom: 0;
    }
     .trailer-modal_heading
    i {
         display: inline-block;
    background: var(--light);
    border-radius: 10px;
    right: 0;
    top: 5px;
    font-size: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
    }
     .trailer-modal_iframe {
    position: relative;
    padding-bottom: 85vh;
    }
     .trailer-modal_iframe
    iframe {
         position: absolute;
    width: 100%;
    height: 100%;
    }
    /* FULL BLOG */
     .ann-fullb_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    filter: blur(5px);
    opacity: 0.3;
    }
     .ann-fullb {
    position: relative;
    margin-top: 180px;
    overflow: hidden;
    }
     .ann-fullb_meta {
    display: flex;
    align-items: center;
    color: var(--text2);
    margin-bottom: 30px;
    }
     .ann-fullb_meta
    span i {
         margin-right: 8px;
    }
     .ann-fullb_meta
    span + span {
         margin-left: 30px;
    }
     .ann-fullb_poster {
    border-radius: var(--radius);
    overflow: hidden;
    margin: 20px 0;
    }
    /* BADGES */
     .badge {
    display: inline-block;
    border-radius: var(--radius);
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    }
     .badge-red {
    background: #e13535;
    color: #e7c7c7;
    }
     .badge-blue {
    background: #2c2554;
    color: #9e88f5;
    }
     .badge-yellow {
    background: #cdb645;
    color: #080803;
    }
    /* RATING COLOR */
     .rating-color {
    background-color: #3bb33b;
    box-shadow: 0 4px 9px rgb(59 179 59 / 50%);
    }
     .rating-color.low {
    background: #e13535;
    box-shadow: 0 4px 9px rgb(225 53 53 / 50%);
    }
     .rating-color.middle {
    background: #ff6702;
    box-shadow: 0 4px 9px rgb(255 103 2 / 50%);
    }
     .rating-color1 {
    color: #3bb33b;
    font-weight: bold;
    }
     .rating-color1.low {
    color: #e13535;
    }
     .rating-color1.middle {
    color: #ff6702;
    }
    /* FOOTER */
    footer {
         position: relative;
    /* background: var(--bg2);
         */
    color: #fff;
    padding-top: 20px;
    }
     .footer-soc, .footer-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 20px;
    }
     .footer-soc >
    a {
         display: inline-block;
    background: var(--light);
    color: #a3a7bc;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 25px;
    text-align: center;
    }
     .footer-soc >
    a:hover {
         background: var(--color1);
    color: var(--text1);
    }
     .footer-menu >
    a {
         color: #a3a7bc;
    font-size: 14px;
    }
     .footer-menu >
    a:hover {
         color: var(--color1);
    }
     .footer-menu >
    a + a, .footer-soc > a + a {
         margin-left: 20px;
    }
     .footer-down {
    border-top: 1px solid var(--light);
    padding: 15px 0;
    margin-top: 30px;
    }
     .footer-down .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
     .footer-down .container >
    span {
         opacity: 0.4;
    font-size: 12px;
    }
     .footer-down >
    a, .footer-down a > img {
         display: inline-block;
    width: 80px;
    height: auto;
    }
     .footer-dev {
    color: #797882;
    font-size: 12px;
    }
     .footer-dev >
    a {
         color: var(--color1);
    margin-left: 5px;
    }
    ;
}
 .ann-detal .tabs-content {
    /* background: var(--bg2);
     */
    padding: 10px 10px 0px 10px;
    /* border-radius: var(--radius);
     */
    /* background: linear-gradient(180deg, #54287642 0%, #d900003b 80%);
     */
    background: linear-gradient(149deg, #1922475e 0%, #18000b75 99.08%);
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-top: 0px;
}
 .ann-detal >
    div:nth-child(2) {
    /* border-radius: 0 var(--radius) var(--radius);
     */}
 .ann-detal .tabs-content.dle-text
    p {
     color: var(--text2);
}
 .ann-detal
    ul li {
     display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 10px 0;
}
    @media (max-width: 860px) {
     .ann-detal ul li {
         flex-direction: column;
    align-items: flex-start;
    grid-gap: 10px;
    }
}
 .ann-detal
    ul li span:first-child {
     color: var(--text2);
}
    @media (max-width: 860px) {
     .ann-full_rel .e-grid2 {
         grid-template-columns: 1fr 1fr;
    }
}
/* TRAILER MODAL */
 .trailer-modal {
    display: none;
    position: fixed;
    background: var(--bg);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 998;
}
 .trailer-modal.active {
    display: block;
}
 .trailer-modal_heading {
    padding: 20px;
    align-items: center;
    justify-content: space-between;
}
 .trailer-modal_heading
    h4 {
     margin-bottom: 0;
}
 .trailer-modal_heading
    i {
     display: inline-block;
    background: var(--light);
    border-radius: 10px;
    right: 0;
    top: 5px;
    font-size: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}
 .trailer-modal_iframe {
    position: relative;
    padding-bottom: 85vh;
}
 .trailer-modal_iframe
    iframe {
     position: absolute;
    width: 100%;
    height: 100%;
}
/* FULL BLOG */
 .ann-fullb_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 400px;
    filter: blur(5px);
    opacity: 0.3;
}
 .ann-fullb {
    position: relative;
    margin-top: 180px;
    overflow: hidden;
}
 .ann-fullb_meta {
    display: flex;
    align-items: center;
    color: var(--text2);
    margin-bottom: 30px;
}
 .ann-fullb_meta
    span i {
     margin-right: 8px;
}
 .ann-fullb_meta
    span + span {
     margin-left: 30px;
}
 .ann-fullb_poster {
    border-radius: var(--radius);
    overflow: hidden;
    margin: 20px 0;
}
/* BADGES */
 .badge {
    display: inline-block;
    border-radius: var(--radius);
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
}
 .badge-red {
    background: #e13535;
    color: #e7c7c7;
}
 .badge-blue {
    background: #2c2554;
    color: #9e88f5;
}
 .badge-yellow {
    background: #cdb645;
    color: #080803;
}
/* RATING COLOR */
 .rating-color {
    background-color: #3bb33b;
    box-shadow: 0 4px 9px rgb(59 179 59 / 50%);
}
 .rating-color.low {
    background: #e13535;
    box-shadow: 0 4px 9px rgb(225 53 53 / 50%);
}
 .rating-color.middle {
    background: #ff6702;
    box-shadow: 0 4px 9px rgb(255 103 2 / 50%);
}
 .rating-color1 {
    color: #3bb33b;
    font-weight: bold;
}
 .rating-color1.low {
    color: #e13535;
}
 .rating-color1.middle {
    color: #ff6702;
}
/* FOOTER */
    footer {
     position: relative;
    /* background: var(--bg2);
     */
    color: #fff;
    padding-top: 20px;
}
 .footer-soc, .footer-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 20px;
}
 .footer-soc >
    a {
     display: inline-block;
    background: var(--light);
    color: #a3a7bc;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 25px;
    text-align: center;
}
 .footer-soc >
    a:hover {
     background: var(--color1);
    color: var(--text1);
}
 .footer-menu >
    a {
     color: #a3a7bc;
    font-size: 14px;
}
 .footer-menu >
    a:hover {
     color: var(--color1);
}
 .footer-menu >
    a + a, .footer-soc > a + a {
     margin-left: 20px;
}
 .footer-down {
    border-top: 1px solid var(--light);
    padding: 15px 0;
    margin-top: 30px;
}
 .footer-down .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
 .footer-down .container >
    span {
     opacity: 0.4;
    font-size: 12px;
}
 .footer-down >
    a, .footer-down a > img {
     display: inline-block;
    width: 80px;
    height: auto;
}
 .footer-dev {
    color: #797882;
    font-size: 12px;
}
 .footer-dev >
    a {
     color: var(--color1);
    margin-left: 5px;
}
/* Hover items*/
 .ann-short_item {
    position: relative;
    /* background: linear-gradient(149deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0) 70%);
     */
    transition: background-position 0.5s ease-in-out;
    background-size: 100% 200%;
}
 .ann-short_item:
    hover {
     background-position: 100% 100%;
}
/* Hover items */
 ::
    -webkit-scrollbar {
     width: 8px;
    height: 12px;
}
/* fix Scroll barre */
 ::
    -webkit-scrollbar-track {
     /* background: #4c4548; */
     border-radius: 10px;
}
 ::
    -webkit-scrollbar-thumb {
     background: #d90000;
    border-radius: 10px;
    transition: background-color 0.3s;
}
 ::
    -webkit-scrollbar-thumb:hover {
     background: #b20000;
}
/* force icone */
 .fa-chevron-left:
    before {
     margin-right: 5px !important;
}
 .fa-chevron-right:
    before {
     margin-right: 5px !important;
}
 .fa-regular, .far {
    font-weight: 800 !important;
}
 .holographic-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    background: #000;
}
 .holographic-card {
    /* height: 200px; */
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    transition: all 0.5s ease;
    min-width: 180px;
    margin: 5px;
    max-width: 180px;
}
 .holographic-card
    h2 {
     color: #0ff;
    font-size: 2rem;
    position: relative;
    z-index: 2;
}
 .holographic-card::
    before {
     content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(0deg, transparent, transparent 30%, #ffffff26);
    /* transform: rotate(-45deg);
     */
    /* transition: all 0.5s ease;
     */
    /* opacity: 0;
     */
}
 .holographic-card:
    hover {
     transform: scale(1.05);
}
 .holographic-card:
    hover::before {
    /* opacity: 1;
     */
    /* transform: rotate(-45deg) translateY(100%);
     */}
 .ann-detal .tabs-links-bottom
    span.active {
    /* background: #ffffff;
     */
    /* border-radius: var(--radius) var(--radius) 0 0;
     */
    color: #ffffff;
    /* background: linear-gradient(149deg, #ac0000bd 0%, #66003075 99.08%);
     */
    /* background: linear-gradient(45deg, rgb(25 34 71 / 41%) 0%, rgb(33 14 23) 99.08%);
     */
    background: linear-gradient(45deg, rgb(33 14 23) 0%, rgb(25 34 71 / 41%) 99.08%);
    display: grid;
    border-radius: 0 0 var(--radius) var(--radius);
}
 .ann-detal .tabs-links-bottom
    span {
     display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}
.scroll-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px; /* Espace entre les flèches et la grille */
}

.scroll-container {
    width: 100%; /* Ajuste selon ton besoin */
    display: flex;
    flex-wrap: wrap;
}

.e-grid3 {
    display: flex;
    grid-template-columns: repeat(6, 1fr);
    overflow-x: hidden;
    /* scroll-behavior: smooth; */
    white-space: nowrap;
    padding: 20px 20px 20px 0px;
    /* width: 100%; */
    flex-wrap: nowrap;
}

/* Style des boutons */
.scroll-btn {
    /* background: rgb(217 0 0); */
    color: white;
    border: none;
    cursor: pointer;
    font-size: 20px;
    padding: 5px 10px;
    border-radius: 50%;
    transition: background 0.3s;
}

.scroll-btn:
    hover {
    background: rgb(217 0 0);
}
    @media (max-width: 960px) {
.scroll-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
}
    @media (max-width: 460px) {
    .scroll-container {
        width: 100%;
    display: flex;
    flex-wrap: wrap;
    }
}
.scrollbar {
    display: flex;
    justify-content: space-between;
    margin-left: 5px;
}
.scroll-container {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch; /* Améliore le scroll sur iOS */
}
.iframe-container {
    position: relative;
    width: 100%;  /* Toujours prendre toute la largeur */
    padding-top: 56.25%; /* Ratio 16:9 (9 / 16 * 100) */
    overflow: hidden;
    /* border-radius: 15px; */
}

.iframe-container
    iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* border-radius: 15px; */
}
.carousel1 {
    border: 1px solid var(--bg2);
    border-radius: 0 0 var(--radius) var(--radius);
    padding: 10px 0px;
    background: rgb(255 255 255 / 2%);
    backdrop-filter: blur(25px);
}

.e-grid-cat {
    display: flex;
    grid-template-columns: repeat(6, 1fr);
    white-space: nowrap;
    padding: 20px 20px 20px 0px;
    white-space: nowrap;
    padding: 20px 20px 20px 0px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
}
.e-grid3 {
    scroll-behavior: smooth; /* Cette propriété permet un défilement fluide natif */
    transition: scroll-left 0.3s ease; /* Transition fluide avec une durée de 0.3s */
}
    @media (max-width: 1200px) {
    .ann-full_rel .e-grid2 {
        flex-wrap: wrap;
    }
}
.fullheader {
    display: flex;
    margin-top: 80px;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.titleheader {
    margin: 20px;
}

.ann-big {
    overflow: hidden;
    position: relative;
    max-width: 1200px;
    max-height: 400px;
    margin: 0 auto;
    border: 1px solid var(--bg2);
}

/* Vidéo en background */
.ann-big-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Remplit tout le div sans déformation */
    z-index: -1; /* Derrière le contenu */
}

/* Contenu positionné en bas à gauche */
.ann-big-content {
    position: absolute;
    bottom: 0; /* Place le contenu en bas */
    text-align: left; /* Aligne le texte à gauche */
    color: white;
    z-index: 1; /* Assure que le texte et le bouton sont au-dessus de la vidéo */
    padding: 20px;
    width: 100%; /* Définir la largeur du contenu */
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Overlay semi-transparent sous le texte */
.ann-big-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(13 5 20 / 55%); /* Opacité de 0.4 */
    z-index: -1; /* Derrière le texte */
}

/* Style du titre */
.ann-big-content
    h1 {
    font-size: 2.5rem;
    font-weight: bold;
    /* margin-bottom: 10px; */
}

/* Style de la description */
.ann-big-content
    p {
    font-size: 1.25rem;
    /* margin-bottom: 20px; */
}
.custom-btn {
    /* background: #dbc8c838; */
    width: 120px;
    line-height: 43px;
    height: 43px;
    border-radius: var(--radius);
    font-weight: bold;
    text-align: center;
    /* cursor: pointer; */
    display: block;
    backdrop-filter: blur(25px);
    border: 1px solid var(--light);
}
.custom-btn:
    hover {
     background: #d90000e6;
};
}

.scroll-btn:
    hover {
    background: rgb(217 0 0);
}
    @media (max-width: 960px) {
.scroll-container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
}
    @media (max-width: 460px) {
    .scroll-container {
        width: 100%;
    display: flex;
    flex-wrap: wrap;
    }
}
.scrollbar {
    display: flex;
    justify-content: space-between;
    margin-left: 5px;
}
.scroll-container {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch; /* Améliore le scroll sur iOS */
}
.iframe-container {
    position: relative;
    width: 100%;  /* Toujours prendre toute la largeur */
    padding-top: 56.25%; /* Ratio 16:9 (9 / 16 * 100) */
    overflow: hidden;
    /* border-radius: 15px; */
}

.iframe-container
    iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* border-radius: 15px; */
}
.carousel1 {
    border: 1px solid var(--bg2);
    border-radius: 0 0 var(--radius) var(--radius);
    padding: 10px 0px;
    background: rgb(255 255 255 / 2%);
    backdrop-filter: blur(25px);
}

.e-grid-cat {
    display: flex;
    grid-template-columns: repeat(6, 1fr);
    white-space: nowrap;
    padding: 20px 20px 20px 0px;
    white-space: nowrap;
    padding: 20px 20px 20px 0px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 20px;
}
.e-grid3 {
    scroll-behavior: smooth; /* Cette propriété permet un défilement fluide natif */
    transition: scroll-left 0.3s ease; /* Transition fluide avec une durée de 0.3s */
}
    @media (max-width: 1200px) {
    .ann-full_rel .e-grid2 {
        flex-wrap: wrap;
    }
}
.fullheader {
    display: flex;
    margin-top: 80px;
    align-content: center;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.titleheader {
    margin: 20px;
}

.ann-big {
    overflow: hidden;
    position: relative;
    max-width: 1200px;
    max-height: 400px;
    margin: 0 auto;
    border: 1px solid var(--bg2);
}

/* Vidéo en background */
.ann-big-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Remplit tout le div sans déformation */
    z-index: -1; /* Derrière le contenu */
}

/* Contenu positionné en bas à gauche */
.ann-big-content {
    position: absolute;
    bottom: 0; /* Place le contenu en bas */
    text-align: left; /* Aligne le texte à gauche */
    color: white;
    z-index: 1; /* Assure que le texte et le bouton sont au-dessus de la vidéo */
    padding: 20px;
    width: 100%; /* Définir la largeur du contenu */
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Overlay semi-transparent sous le texte */
.ann-big-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(13 5 20 / 55%); /* Opacité de 0.4 */
    z-index: -1; /* Derrière le texte */
}

/* Style du titre */
.ann-big-content
    h1 {
    font-size: 2.5rem;
    font-weight: bold;
    /* margin-bottom: 10px; */
}

/* Style de la description */
.ann-big-content
    p {
    font-size: 1.25rem;
    /* margin-bottom: 20px; */
}
.custom-btn {
    /* background: #dbc8c838; */
    width: 120px;
    line-height: 43px;
    height: 43px;
    border-radius: var(--radius);
    font-weight: bold;
    text-align: center;
    /* cursor: pointer; */
    display: block;
    backdrop-filter: blur(25px);
    border: 1px solid var(--light);
}
.custom-btn:
    hover {
     background: #d90000e6;
};
}
.custom-btn:hover {
     background: #d90000e6;
}